帶文本鏈接的AJAX調用

Question

我想在用戶單擊文本鏈接時進行POST Ajax調用。

做到這一點的一種方法是創建許多表單並使提交按鈕成爲文本鏈接。然後用jQuery，我將從表單中提取變量並使用Ajax提交它們。

這將創建一個類似如下：

<form><input type="hidden" name="unique-id" value="1"><a href="" class="submitForm"></form> 
<form><input type="hidden" name="unique-id" value="2"><a href="" class="submitForm"></form> 
<form><input type="hidden" name="unique-id" value="3"><a href="" class="submitForm"></form> 

與jQuery

現在我會用。點擊（）事件處理程序，併發送一個帶有「唯一ID」值一個POST請求（從範圍中鏈接點擊來自）。

它看起來非常複雜和混亂，我想知道是否有更好的方法來做到這一點。

感謝

喬爾

Answer 1

你並不需要一個形式做一個Ajax後，你喂的數據到AJAX調用本身：

$.ajax({ 
    type: 'POST', 
    url: url, 
    data: data, 
    success: success 
    dataType: dataType 
}); 

參見：http://api.jquery.com/jQuery.post/

Answer 2

使用新的Forms Submit功能檢查Ajaxify Jquery plugin其非常易於使用和清潔

Answer 3

爲什麼不直接使用「unique-id」作爲鏈接的id並在發佈時使用該id。

<a id="1" href="#">Link</a> 
<a id="2" href="#">Foo</a> 
<a id="3" href="#">ASDF</a> 


<script type="text/javascript"> 
    $(function() { 
     $("a").click(function(evt) { 
      evt.preventDefault(); 
      $.ajax({ 
       type: "POST", 
       url: url, 
       data: "unique-id=" + $(evt.target).attr("id"), 
       success: function(data) { 
        alert("done"); 
       } 
      }); 
     }); 
    }) 
</script>