如何在使用jQuery post发送的post请求后获取表单参数

Question

我有一个HTML表单

 $("#mainform").submit(function() { $.post($("#mainform").attr("action"), $("#mainform").serialize(), function(data){ doSomething(); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form id="mainform"> <input type="hidden" name="myparam" value="1" /> <input type="submit" /> </form> 

我如何获取与表单一起发送的参数，例如本例中的“ myparam”？ 看起来像回调函数的'data'参数，而是返回整个页面的html。

Answer 1

data确实会返回整个页面。 这就是函数的作用。

你想做的是

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

$ .ajax（）（$。get，$。post等）被制成异步提交表单，因此回调中的数据变量将包含响应内容（在您的情况下，您发送表单的url的整个页面至）

Answer 2

看起来像回调函数的'data'参数，而是返回整个页面的html。

那是对的。

如果要在回调函数中访问表单的元素，则应创建表单元素的变量。

$("#mainform").submit(function() {
            var theForm = $("#mainform");
            $.post($("#mainform").attr("action"), $("#mainform").serialize(), function(data){
                var myparam = theform.find('input [name="myparam"]');
                doSomething();

            });