html - 非from表单怎么体检给php？全部代码没有from，用的是suimobile的前端框架

Question

请问下面的这种非from表单怎么提交给PHP
<p class="content">
<p class="list-block">

<ul>
  <!-- Text inputs -->
  <li>
    <p class="item-content">
      <p class="item-media"><i class="icon icon-form-name"></i></p>
      <p class="item-inner">
        <p class="item-title label">姓名</p>
        <p class="item-input">
          <input type="text" placeholder="Your name">
        </p>
      </p>
    </p>
  </li>
  <li>
    <p class="item-content">
      <p class="item-media"><i class="icon icon-form-email"></i></p>
      <p class="item-inner">
        <p class="item-title label">邮箱</p>
        <p class="item-input">
          <input type="email" placeholder="E-mail">
        </p>
      </p>
    </p>
  </li>
  <li>
    <p class="item-content">
      <p class="item-media"><i class="icon icon-form-password"></i></p>
      <p class="item-inner">
        <p class="item-title label">密码</p>
        <p class="item-input">
          <input type="password" placeholder="Password" class="">
        </p>
      </p>
    </p>
  </li>
  <li>
    <p class="item-content">
      <p class="item-media"><i class="icon icon-form-gender"></i></p>
      <p class="item-inner">
        <p class="item-title label">性别</p>
        <p class="item-input">
          <select>
            <option>Male</option>
            <option>Female</option>
          </select>
        </p>
      </p>
    </p>
  </li>
  <!-- Date -->
  <li>
    <p class="item-content">
      <p class="item-media"><i class="icon icon-form-calendar"></i></p>
      <p class="item-inner">
        <p class="item-title label">生日</p>
        <p class="item-input">
          <input type="date" placeholder="Birth day" value="2014-04-30">
        </p>
      </p>
    </p>
  </li>
  <!-- Switch (Checkbox) -->
  <li>
    <p class="item-content">
      <p class="item-media"><i class="icon icon-form-toggle"></i></p>
      <p class="item-inner">
        <p class="item-title label">开关</p>
        <p class="item-input">
          <label class="label-switch">
            <input type="checkbox">
            <p class="checkbox"></p>
          </label>
        </p>
      </p>
    </p>
  </li>
  <li class="align-top">
    <p class="item-content">
      <p class="item-media"><i class="icon icon-form-comment"></i></p>
      <p class="item-inner">
        <p class="item-title label">文本域</p>
        <p class="item-input">
          <textarea></textarea>
        </p>
      </p>
    </p>
  </li>
</ul>

</p>
<p class="content-block">

<p class="row">
  <p class="col-50"><a href="#" class="button button-big button-fill button-danger">取消</a></p>
  <p class="col-50"><a href="#" class="button button-big button-fill button-success">提交</a></p>
</p>

</p>
</p>

Answer 1

如果你不需要跳转可用ajax里的post方法代替表单提交

如果需要跳转 并且是POST提交 可以用CURL

这是我在项目中封装的一个方法 因为需要给远程接口提交数据

//post提交数据
if (! function_exists('postData')) {
    function postData($url, $params)
    {
        $ch = curl_init();
        $timeout = 300;
        $headers = array();
        $headers[] = 'Content-Type: application/x-www-form-urlencoded; charset=utf-8';//设置头文件content-type
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
        curl_setopt($ch, CURLOPT_POST, true);//Post请求
        curl_setopt($ch, CURLOPT_POSTFIELDS, $params); //传递参数
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
        $handles = curl_exec($ch);
        curl_close($ch);
        return $handles;
    }
}

Answer 2

js里面取得各个框的值，然后提交

Answer 3

使用ajax提交就好了

Answer 4

首先是 form 不是 from，另外你需要提交一个不被 form 包含的表单，可以使用 JS 获取要需要提交的值，然后使用 AJAX，假设我们使用 jQuery：

$(function() {

    $submitButton = $('.button-success');
    $submitButton.on('click', function() {
        var data = {
            'name1': $('#field1').val(),
            'name2': $('#field2').val(),
            'name3': $('#field3').val()
        };
        $.post('your_url', data);
    });
});