Question

我有一个页面base.html，我在index.php上有一个链接：

<a id="goTo" href="#">go to...</a>

所以，我需要在index.php发送一条POST消息，比如param =＆＃39; myValue＆＃39;使用jQuery库。我尝试使用这个脚本：

<script type="text/javascript">
$(document).ready(function(){
    $('#goTo').click(function() {
        event.preventDefault(); 
        alert('Ok!');
        $.ajax({
            method: 'POST',
            data: 'param=MyValue'
            url: 'index.php',
        });
    });
});
</script>

但不能按我的意愿行事。我该怎么做？

修改我需要进入index.php而不是留在base.html。

Answer 1

数据如何？

data: { param: "MyValue" },

Answer 2

<script type="text/javascript">
$(document).ready(function(){
    $('#goTo').click(function() {
        event.preventDefault(); 
        alert('Ok!');
        $.ajax({
            method: 'POST',
            data: { param: "MyValue"},
            url: 'index.php',
        });
    });
});
</script>

Answer 3

由于您希望实际将用户带到index.php：

您可以拥有一个包含适当操作和方法的表单：

<form id="theForm" action="index.php" method="post">
    <input type="hidden" name="param" value="MyValue" />
</form>

然后提交表格：

$('#goTo').click(function (e) {
    e.preventDefault();
    $('#theForm').submit();
});

或者您可以在表单中放置一个按钮，让html为您完成工作：

<form action="index.php" method="post">
    <input type="hidden" name="param" value="MyValue" />
    <input type="submit" value="Submit" />
</form>

通过一个POST转到另一个页面

3 个答案: