jQuery $ .post不起作用

Question

使此功能正常工作有技巧吗？

我希望按以下方式在单击按钮和POST参数后将页面提交给test.aspx：

我的HTML

<a href="javascript:void(0);" onclick="return submittotest();"><span>Click me</span></a>

js

function submittotest() {

     $.post("test.aspx", { param: "paramvalue" });

}

Answer 1

尝试此操作，它将使用所需参数将不可见的表单提交到test.apsx页面。

<form id="formToSubmit" action="test.apsx" method="post" style="display:none;">
  <input type="hidden" name="param" value="paramValue"/>
</form>

<a href="#" onclick="$('#formToSubmit').submit();">Submit the page</a>

Answer 2

如果要提交表单，则需要执行$('#formid').submit(); 。 以上是针对AJAX请求的内容。 如果要对返回的数据进行处理，则需要将成功回调函数传递给post函数。

示例 ：请参见此处

的HTML

<button id="testbtn">button</button>
<div id="testdiv"></div>

的JavaScript

$(function() {
    $('#testbtn').click(function() {
        $.post('/echo/html/', //This just echo's the html parameter's value back
               { html: "Just testing!" },
               function(text) {
                   $("#testdiv").html(text);
               });
    });
});

编辑
根据您的评论。 您可以使用jquery向表单中添加具有所需值的隐藏输入元素。 尝试这样的事情：

var yourdatavar = "data you want to post";
$('<input type="hidden">').val(yourdatavar).appendTo('#formid');
$('#formid').submit();

查看此示例。