点击事件上的jQuery发送POST请求

时间:2010-05-01 21:16:32

标签: jquery ajax post

尝试使用jQuery在点击事件上发送POST请求而没有运气。这是我使用的:

    <script type="text/javascript">
        $('#taxi_update').click(
            $.ajax({
                'type':'POST',
                'data':'id=17446&chru=0',
                'success':function() { ... },
                'error':function(){ ... },
                'url':'/url/',
                'cache':false
            })
        );
    </script>
    <a href="#" id="taxi_update">update</a>

不幸的是,它不会发送任何POST请求。

有什么建议可能出错吗?

1 个答案:

答案 0 :(得分:17)

由于您的脚本出现在元素之前,因此需要将其包装在document.ready事件中,并且单击处理程序本身就是一个函数,如下所示:

$(function() {
  $('#taxi_update').click(function() {
    $.ajax({
      type: 'POST',
      data: 'id=17446&chru=0',
      success: function() { ... },
      error: function(){ ... },
      url: '/url/',
      cache:false
    });
  });
});

大多数情况下,您需要将代码放在document.ready内,因为它所寻找的元素可能还没有准备就绪,就像这样:

$(function() { });
//or...
$(namedFunction);
//or...
$(document).ready(function() { });