使用 jquery 的 Ajax Post 方法答案

【问题标题】：Ajax Post method using jquery使用 jquery 的 Ajax Post 方法
【发布时间】：2009-11-19 14:32:59
【问题描述】：

<script type='text/javascript'>
$("#cart").click(function() {
var loadUrl = "ajax_redirect.php";
var val = "2";
$.post(loadUrl,
{ page: "cart", data: val },

   function(data)
   {
 alert(data);
     alert("Course added to Cart");
   }
  );
});
</script>
<body>
 `<a class="button" id="cart" href="#" title="Apply"><img src="images/button.png" alt="apply" />Apply</a>`
</body>

如果我点击<a> 链接，除了刷新什么都不会发生。我无法获取返回数据值。

【问题讨论】：

标签： jquery html ajax post

【解决方案1】：

您的脚本在a 元素存在并在DOM 中准备就绪之前运行。您应该将整个内容封装在 @987654321@ 调用中，如下所示：

$(document).ready (function () {
    $("#cart").click(function(event) {
        event.preventDefault ();
        var loadUrl = "ajax_redirect.php";
        var val = "2";
        $.post(loadUrl,
            { page: "cart", data: val },
            function(data)
            {
                alert(data);
                alert("Course added to Cart");
            }
        );
    });
});

还要注意@987654322@，以防止链接执行默认操作

【讨论】：

感谢 Prime，但有一个疑问页面正在重定向到请求的 url，但我无法获得请求值。功能警报（数据）不起作用。我得到的价值 $_POST['page'], $_POST['data']
对不起，你的意思是你的后端（PHP）不能读取你传递的参数？还是 Javascript 无法获取您传回的数据？
这个答案在我第一次使用 jQuery 进入 AJAX 的过程中帮助了我很多！好节目！