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.aspx页面提交一个不可见的表格，其中包含所需的参数。

<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函数。

示例： 见here

<强> 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();

查看this了解工作示例。