weixin_33720078 2009-11-19 06:18 采纳率: 0%
浏览 19

使用jquery的Ajax Post方法

<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>

If i click the <a> link nothing happens but refreshing. I am not able to get return data value.

  • 写回答

1条回答 默认 最新

  • bug^君 2009-11-19 06:32
    关注

    Your script is run before the a element exists and is ready in the DOM. You should have wrapped the entire thing in a $(document).ready() call, like so:

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

    Also note the event.preventDefault(), to prevent the link from doing it's default action

    评论

报告相同问题?

悬赏问题

  • ¥15 matlab图像高斯低通滤波
  • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
  • ¥15 钢筋实图交点识别,机器视觉代码
  • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
  • ¥50 400g qsfp 光模块iphy方案
  • ¥15 两块ADC0804用proteus仿真时,出现异常
  • ¥15 关于风控系统,如何去选择
  • ¥15 这款软件是什么?需要能满足我的需求
  • ¥15 SpringSecurityOauth2登陆前后request不一致
  • ¥15 禅道二次开发编辑版本,上传不了发行包