HREF链接ajax发布请求

Question

为了拍摄，这里是我的问题。我有一个脚本，通过ajax发送表单POST请求，但我的问题是我想在一个Href标记中做到这一点。下面是我的表单POST请求代码：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".searchForm").submit(function(event) { 
     event.preventDefault(); 

     var invoiceNo=$(".invoiceNo").val(); 
     var dataString = 'invoiceNo='+invoiceNo; 

     $.ajax ({ 
      type: "POST", 
      url: "<?php echo base_url(); ?>/billing/test", 
      data: dataString, 
      cache: false, 
      success: function(html) { 
       $(".particularList_output").html(html); 
      } 
     }); 

    }); 
}); 
</script> 

<form action="/" class="searchForm"> 
<input type="hidden" class="invoiceNo" value="thisIsMyValue"> 
<button id="xSmall" type="submit" class="btn btn-primary">Add Invoice</button> 
</form> 

Answer 1

做这样的事情：

<a href="<?php echo base_url();?>/billing/test" data-invoice="<?php echo $yourInvoiceNumber?>"> Add Invoice </a> 

$('a').on('click', function(e){ 
    e.preventDefault(); 

    var $this = $(this); 

    $.ajax({ 
     url: $this.data('href'), 
     type: 'POST', 
     data: 'invoiceNo='+$this.data('invoice'), 
     cache: false, 
     success: function(html) { 
      $(".particularList_output").html(html); 
     } 
    }); 
});