Javascript ajax数组上的PHP序列化不起作用
我在PHP外观中创建了以下HTML字段Javascript ajax数组上的PHP序列化不起作用,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我在PHP外观中创建了以下HTML字段 <td><input type=\"checkbox\" name=\"investigator_id[]\" id=\"investigator_id\" value=\"$name_degree[$i]\"> <td><input type=text name=\"inv_rank[]\" id=inv_rank maxlength=\"2\" size=\"2\"></td> <td
<td><input type=\"checkbox\" name=\"investigator_id[]\" id=\"investigator_id\" value=\"$name_degree[$i]\">
<td><input type=text name=\"inv_rank[]\" id=inv_rank maxlength=\"2\" size=\"2\"></td>
<td><textarea name=\"inv_comm[]\" id=inv_comm rows=2 cols=20></textarea></td>
我试图通过单击此按钮调用jquery函数来保存这些字段中的数据
下面是正在调用的脚本。我知道调用js是因为弹出了“警报(“现在”)”,但是数据字符串没有正确填充。我测试了这个,它工作得很好,但不会在我的网站上工作
<script>
$(document).ready(function() {
$("#submit").click(function() {
alert("now");
var dataString = $("'[name=\"investigator_id\[\]\"]', '[name=\"inv_rank\[\]\"]','[name=\"inv_comm\[\]\"]'").serialize();
alert("ee"+dataString);
$.ajax({
type: "POST",
url: "save_data.php",
dataType: "json",
data: dataString,
success: function(data){
alert("sure"+data);
$("#myResponse").html(data);
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
alert("There was an error.");
}
});
});
});
</script>
$(文档).ready(函数(){
$(“#提交”)。单击(函数(){
警惕(“现在”);
var dataString=$(“[name=\”调查者id\[\]\”],“[name=\”投资排名\[\]\”],“[name=\”投资通讯\[\]\“]'”).serialize();
警报(“ee”+数据串);
$.ajax({
类型:“POST”,
url:“save_data.php”,
数据类型:“json”,
数据:dataString,
成功:功能(数据){
警报(“确定”+数据);
$(“#myResponse”).html(数据);
},
错误:函数(XMLHttpRequest、textStatus、errorshown){
警报(“出现错误”);
}
});
});
});
在FormID
的帮助下尝试以下操作:
<form method="post" id="yourFromID">
//Your form fields.
</form>
使用
$('[name=“investor_id[]”,'[name=“inv_rank[]”,'[name=“inv_comm[]”)。序列化()代码>谢谢,但我尝试过这样使用它,但问题是它会刷新页面,而我试图在不刷新页面的情况下保存它。有什么想法吗?@wessamsonbol:也加上returnfalse;在ajax中,在最后一行之后成功success@samiam:很好的用户名很好,现在还需要一件事选择最佳答案并标记为被左绿色勾号接受这将有助于其他面临相同问题的人
$("#yourFromID").submit(function (e){
e.preventDefault();
var dataString = $(this).serialize();
// then you can do ajax call, like this
$.ajax({
url: 'site.com',
data: dataString,
methodL 'post',
success: function(){...}
})
return false;
});