HTML提交表单ajax响应


html submit form ajax response

我目前在Codeigniter中使用ajax加载页面的部分。

但是,当我在其中一个加载的表单上按下提交时,我没有从中得到响应。就像表单从未被发送过一样。我希望布局被处理,相反,它返回相同的布局,如果它没有被处理。

我怎么能这样做,当按下提交按钮加载表单数据,它将由相同的url处理,然后加载新的响应视图?

一段代码:

$("form").submit(function() {
    $.post($(this).attr("action"), $(this).serialize(), function(data) {
        $(".main_center").html(data);
    });
    return false; // prevent normal submit
});

<form method="POST" action="/crime">
      <input type="hidden" name="crimeinput" id="crimeAction" value="123">
                    <input type="submit" value="do" name="docrime" id="krimsubmit" style="display:none">
</form>
编辑:

仔细研究之后,似乎只有crimeInput变量被发送到服务器,而没有发送到犯罪。我怎样才能使它能够发送提交的名称,以及?

根据文档序列化:

注意:只有"成功控制";被序列化为字符串。没有提交按钮值被序列化,因为表单没有提交使用按钮。表示表单元素的值要包含在序列化字符串时,元素必须具有name属性。值从复选框和单选按钮(输入类型为&;radio&;;或"checkbox"仅在选中时才包含。数据从文件选择元素未序列化。

所以如果你想传递这个字段,你必须以不同的方式添加它,也许作为另一个隐藏的输入。