Question

我一直在阅读用jquery实现ajax。

我说得对，$.ajax()是我们唯一需要的功能吗？即。我们实际上并不需要$.get $.post个函数？

最后，假设我们正在构建此ajax表单，我们应该使用$.ajax将.click函数绑定到提交按钮？我们实际上不需要将按钮括在表单标签中吗？

到目前为止，我只看过用$.ajax编写jquery代码的教程。但我不知道如何实现这一点。如果有一个指南显示完整的jquery ajax表单以及完整的html和jquery代码，那将会很好。

Answer 1

对你的问题的简短回答是“是的”。您可以使用$.ajax()执行所有操作，您可以使用jQuery中的任何其他AJAX调用。其余的基本上是执行常见任务的捷径。

关于按钮放置的问题，您认为不需要将按钮实际放在表单中是正确的。实际上，如果您通过ajax进行所有表单提交，则根本没有必要使用表单标记。但是，它可能会使您的标记更具可读性，并且启发式肯定会更有意义。

祝你好运！

Answer 2

正确$.ajax()是$.get和$.post在幕后使用的内容。这些只是让它更方便的助手。我总是使用$.ajax()。

同样正确的是，您不需要页面上的表单来使用jQuery访问DOM元素，这样您就可以阅读它们并从回调中回写您的数据，而无需在页面上显示表单。

我倾向于制作像

这样的按钮

<a href="javascript:void(0)" id="partytime">Click me</a>

然后在document.ready

中执行以下操作

$("#partytime").click(function(){
   //put all your ajax fun in here
});

Answer 3

.post和.get只是最终调用.ajax的简写方法。您可以查看任何jquery教程，例如http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery 它有html

Answer 4

虽然我没有向您展示AJAX表格的完整示例，但我可以告诉您我通常如何设置它。

我通常会构建一个普通表单（<form>个标签和<button type="submit" name="formSubmit" id="formSubmit">）。然后即使没有Javascript，表单也能正常工作，请参阅？在你的jQuery中：

$('#formSubmit').click(function() {
    //Do ajax stuff

    return false; // This stops the form from "actually" submitting.
}

替代选择器为$('#formName').submit(function)。使用最有意义的一个。

要回答您的其他问题：是的，$.get()和$.post()仅仅是$.ajax()的便利功能。它们功能较弱，但可能会提高代码的可读性。

Answer 5

我经常发现.load()速记函数很有用，因为它允许回调函数不像.get()或.post()。

但严格来说.load()只是一个稍微预配置的.ajax()来电，所以是的，.ajax()就是您真正需要使用的。