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

Question

尝试使用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请求.

有什么建议可能有什么问题吗？

Answer 1

由于您的脚本出现在元素之前,因此需要将其包装在一个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() { });