Question

<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>链接，没有任何事情发生，但令人耳目一新。我无法获得返回数据值。

Answer 1

您的脚本在a元素存在之前运行，并在DOM中准备就绪。你应该把整个事情包裹在$(document).ready()电话中，如下所示：

$(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");
            }
        );
    });
});

另请注意event.preventDefault()，以防止链接执行默认操作

使用jquery的Ajax Post方法

1 个答案: