【问题标题】:PHP Serialize on ajax array Not Workingajax数组上的PHP序列化不起作用
【发布时间】:2015-12-23 11:52:24
【问题描述】:

我在 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><textarea name=\"inv_comm[]\" id=inv_comm rows=2 cols=20></textarea></td>

我正在尝试通过单击此按钮调用 jquery 函数来保存这些字段中的数据

这是被调用的脚本。我知道 js 被调用是因为“alert(”now“)”正在弹出,但 dataString 没有被正确填充。我在http://jsfiddle.net/ 上对此进行了测试,它运行良好,但无法在我的网站上运行。

<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>

【问题讨论】:

  • 使用$('[name="investigator_id[]"]', '[name="inv_rank[]"]', '[name="inv_comm[]"]').serialize();

标签: javascript php jquery html ajax


【解决方案1】:

FormID 的帮助下试试这个:

<form method="post" id="yourFromID">
//Your form fields.
</form>

JS 代码:

$("#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;
    });

【讨论】:

  • 谢谢,但我尝试过这样使用,但问题是它刷新了页面,我试图在不刷新页面的情况下保存它。关于如何做到这一点的任何想法?
  • @wessam-sonbol: 还添加 return false;最后一行成功后在ajax成功
  • @samiam:不错的用户名,很好,现在需要再做一件事,选择最佳答案并用左侧绿色勾号标记为已接受,这将有助于其他面临同样问题的人
猜你喜欢
  • 2018-02-02
  • 1970-01-01
  • 2014-08-16
  • 1970-01-01
  • 1970-01-01
  • 2012-05-07
  • 1970-01-01
  • 2013-05-19
  • 2013-04-23
相关资源
最近更新 更多