求教JQuery Ajax提交表单有关问题-AJAX教程-爱易网页

求教JQuery Ajax提交表单有关问题

日期：2014-05-16　浏览次数：20703 次

求教JQuery Ajax提交表单问题？
我有以下表单和提交代码：

HTML code


<form action="" method="post" id="frmUserOperation" name="frmUserOperation">
        <div id="process"></div>
        <input type="hidden" id="method" name="method" value="1111" />
</form>

JScript code


<script language="javascript" type="text/javascript">
    $("#frmUserOperation").submit(function () {
        jQuery.ajax({
            url: "/Manage/UserOperation",
            type: "POST",
            beforeSend: function () {
                $("#process").html("正在处理...");
            },
            success: function (data) {
                $("#process").html(data);
            }
        });
        return false;
    });
</script>

然后通过某个按钮提交

JScript code


        $("#frmUserOperation").submit();

但是在后台Request("method")未取到值，检查浏览器的POST数据，发现并没有提交
<input type="hidden" id="method" name="method" value="1111" />
里面的value，怎么回事？

------解决方案--------------------
$("#frmUserOperation").submit();只是触发了注册的submit时间而已，你ajax并没有提交数据

JScript code

$("#frmUserOperation").submit(function () {
        jQuery.ajax({
            url: "/Manage/UserOperation",
            type: "POST",
            data:$(this).serialize(),////////////
            beforeSend: function () {
                $("#process").html("正在处理...");
            },
            success: function (data) {
                $("#process").html(data);
            }
        });
        return false;
    });

------解决方案--------------------
ajax里面 data属性没设置，没有值的传递    楼上正解

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

求教JQuery Ajax提交表单有关问题

相关资料更多>

推荐阅读更多>