Ajax将表单发布到PHP

尝试使用Ajax发布我的表单。使用Apache Cordova，但似乎无法将其发送到我的php表单。任何关于如何使我的表格生效的想法都将不胜感激

  <script type="text/javascript">    
$('#userform').submit(function(){
    var postData = $(this).serialize();

    $.ajax({
        type: 'POST',
        data: postData,
        url: 'http://myurl/dbInsertUserslocal.php',
        success: function(data){
            console.log(data);
            alert('User successfully added');
        },
        error: function(){
            console.log(data);
            alert('There was an error adding New User');
        }
    });
    return false;
});
</script>

$（'#userform'）。提交（函数（）{
var postData=$（this.serialize（）；
$.ajax({
键入：“POST”，
数据：postData，
网址：'http://myurl/dbInsertUserslocal.php',
成功：功能（数据）{
控制台日志（数据）；
警报（“用户已成功添加”）；
},
错误：函数（）{
控制台日志（数据）；
警报（“添加新用户时出错”）；
}
});
返回false；
});

我的表格如下所示：

      <form id="userform" method="Post">
      <div class="row">
    <div class="large-4 columns">
      <label>First/Last Name
        <input type="text" name="firstlast" />
      </label>
    </div>
      </div>
    <div class="row">
    <div class="large-2 columns">
      <label>Title
        <select name="title" >
          <option value=""></option>
          <option value="Inspector">Inspector</option>
          <option value="Tech">Technician</option>
          <option value="Supervisor">Supervisor</option>
        </select>
      </label>
  </div>
  </div>

    <div class="row" >
        <div class="large-12 columns">  
           <hr class="intro-divider">
                <input type="file" capture="camera" accept="image/*" 
                     id="snap" name="photo">
                      </div>
                           </div>
               <hr class="intro-divider">   
           </div>
         </div>
       <div class="row">
    <div class="large-2 columns">
        <button class="tiny" type="submit" value="Submit" 
             id="submit" data-role="button" data-ajax="false">Add User</button>
    </div>
     </div>
    </form> 

名/姓
标题
检查员
技术员
监督人


添加用户

如果在表单中包含文件，则必须使用

多部分/表单数据

<form id="userform" method="Post" enctype="multipart/form-data">

但是，有些设备没有配备FormData对象。 检查

---

什么是“它不起作用”？您可以从浏览器控制台粘贴一些错误吗？它应该在浏览器的开发工具中，所以你没有提到实际的问题是什么。你的ajax调用没有被触发吗？数据是否未正确发布到服务器端脚本？服务器端脚本是否工作不正常？实际的问题是什么？你在php方面做什么？您是否尝试过一个简单的

var\u转储（$\u POST）？就是这样。在控制台中，我甚至没有收到任何错误。表单将清除，并且不显示任何内容。没有错误或任何东西。如果我在没有ajax的情况下发送表单，它会毫无问题地发布到php页面。我需要使用ajax，因为我正在使用Cordova Phonegap将其转换为一个移动应用程序。我现在就尝试一下。
$(function(){
$('#userform').submit(function(){
    var fd = new FormData( $(this)[0] );
    $.ajax({
        type: 'POST',
        processData: false,
        contentType: false,
        data: fd,
        dataType: "text",
        url: 'http://myurl/dbInsertUserslocal.php',
        success: function(data){
            alert( data );
            alert('User successfully added');
        },
        error: function(){
            alert('There was an error adding New User');
        }
    });
    return false;
});
});