HREF 链接 ajax 发布请求答案

【问题标题】：HREF Link ajax post requestHREF 链接 ajax 发布请求
【发布时间】：2016-06-28 08:30:41
【问题描述】：

要出手，这是我的问题。我有一个通过 ajax 发送表单 POST 请求的脚本，但我的问题是我想在 A Href 标记中执行它。以下是我的 FORM 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>

【问题讨论】：

那么问题出在哪里？使用通过查询字符串附加的所有数据创建链接。
基本上它在表单标签中。我想要它在 A href 链接中

标签： php ajax post request href

【解决方案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);
        } 
    });
});

【讨论】：