带有文本链接的AJAX调用

Question

我想在用户点击文本链接时进行POST Ajax调用。

一种方法是创建多个表单，并使submit按钮成为文本链接。然后使用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，我将使用.click()事件处理程序并发送一个带有“唯一id”值的POST请求(来自单击链接的作用域)。

它看起来非常复杂和混乱，我想知道是否有更好的方法来做到这一点。

谢谢

乔尔

Answer 1

您不需要表单来执行Ajax post，只需将数据提供给Ajax调用本身：

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

请参阅：http://api.jquery.com/jQuery.post/

Answer 2

为什么不使用“唯一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>

Answer 3

使用新的表单提交功能检查Ajaxify Jquery plugin非常易于使用和清洁