前提

换句话说，它是jquery中的ajax方法，所以前提当然是引入jquery。

脚本src=' http:http://libs.baidu.com/jquery/1.9.0/jquery.js'类型='文本/JavaScript '/脚本具体方法

负载()

使用load()方法通过Ajax请求将数据加载到服务器中，并将返回的数据放入指定的元素中。它的调用格式是：

加载(url、[数据]、[回调])

参数url是加载服务器的地址，可选数据参数是请求过程中发送的数据，回调参数是数据请求成功后执行的回调函数。

例如，当您单击“加载”按钮时，您请求服务器加载指定页面的内容。加载成功后，数据内容显示在div元素中，加载按钮不可用。如下图所示：

使用getJSON()方法异步加载JSON格式的数据

使用getJSON()方法，可以通过Ajax异步请求获取服务器中的数组，并解析得到的数据显示在页面上。它的调用格式是：

Jquery.getjson (URL、[数据]、[回调])或$。getjson (URL、[数据]、[回调])

url参数是请求加载json格式文件的服务器的地址，可选的数据参数是请求过程中发送的数据，回调参数是数据请求成功后执行的回调函数。

例如，点击页面上的“Load”按钮，调用getJSON()方法获取服务器中JSON格式文件中的数据，遍历数据，在页面上显示指定的字段名。如下图所示：

使用getScript()方法异步加载和执行js文件

使用getScript()方法在服务器中异步请求并执行一个JavaScript格式的文件，其调用格式如下：

Jquery。getscript (URL，[回调])或$。getScript(url，[回调])

参数url是服务器请求地址，可选的回调参数是请求成功后执行的回调函数。

例如点击“加载”按钮，调用getScript()在服务器中加载并执行指定名称的JavaScript文件，将加载的数据内容显示在页面上，如下图所示：

浏览器中显示的效果：

通过GET()方法从服务器获取数据

使用get()方法时，在GET模式下从服务器请求数据，并通过方法中回调函数的参数返回请求的数据。它的调用格式如下：

$.get(url，[回调])

参数url是服务器请求地址，可选的回调参数是请求成功后执行的回调函数。

例如，当您单击“加载”按钮时，调用GET()方法从服务器中的. php文件中获取数据，并将返回的数据内容显示在页面上，如下图所示：

通过post()方法从服务器发送数据

与get()方法相比，post()方法主要用于在POST模式下向服务器发送数据。服务器收到数据后，对其进行处理，并将处理结果返回给页面。调用格式如下：

$.帖子(网址、[数据]、[回拨])

参数url是服务器请求地址，可选数据是从服务器请求时发送的数据，可选回调参数是请求成功后执行的回调函数。

例如，在输入框中输入一个数字，点击“检测”按钮，在post模式下调用POST()方法向服务器发送请求，检测输入值的奇偶性并显示在页面上，如下图所示：

使用serialize()方法序列化表单元素值

使用serialize()方法序列化表单中带有name属性的元素值，并生成标准的URL编码文本字符串，该字符串可直接用于ajax请求。它的调用格式如下：

$(选择器)。序列化()

其中选择器参数是一个或多个表单中的元素或表单元素本身。

例如，向表单中添加多个元素，单击serialize按钮，然后调用serialize()方法在页面上显示由表单元素序列化的标准URL编码文本字符串，如下图所示：

浏览器中的显示效果：

使用ajax()方法加载服务器数据

使用ajax()方法是请求服务器数据的最低级也是最强大的方法。它不仅可以获取服务器返回的数据，还可以向服务器发送请求并传递数值。它的调用格式如下：

jquery . Ajax([设置])或$。Ajax([设置])

参数设置是发送ajax请求时的配置对象。在这个对象中，url代表服务器请求的路径，data是请求期间传输的数据，dataType是服务器返回的数据类型，success是成功执行请求的回调函数，Type是发送数据请求的方式，默认值是get。

例如，点击页面上的“Load”按钮，调用ajax()方法请求服务器加载一个txt文件，在页面上显示返回文件的内容，如下图所示：

使用ajaxSetup()方法设置全局Ajax默认选项

使用ajaxSetup()方法设置Ajax请求的一些全局选项值。设置之后，这些选项值将不需要添加到后续的Ajax请求中。它的调用格式是：

jquery . AJaxsetup([选项])或$。AJaxsetup([选项])

可选选项参数是一个对象，通过它可以设置Ajax请求期间的全局选项值。

例如，首先调用ajaxSetup()方法设置全局ajax选项值，然后点击两个按钮，然后使用Ajax()方法请求不同的服务器数据，并在页面上显示数据内容，如下图所示：

使用ajaxStart()和ajaxStop()方法的

ajaxStart()和ajaxStop()方法绑定Ajax事件。ajaxStart()方法用于在发出Ajax请求前触发函数，ajaxStop()方法用于在完成Ajax请求后触发函数。它们以下列格式调用：

$(选择器)。ajaxStart(函数())和$(选择器)。ajaxStop(函数())

其中，两种方法中的括号都是绑定函数。发送Ajax请求前，执行ajaxStart()方法绑定的函数，请求成功后，执行ajaxStop()方法绑定的函数。

例如，在调用ajax()方法请求服务器数据之前，动画显示它正在被加载，当请求成功时，动画会自动隐藏，如下图所示：

浏览器中的结果：

从图中可以看出，由于动画元素是由ajaxStart()和ajaxStop()方法绑定的，所以在启动Ajax请求时会显示元素，请求完成时会自动隐藏动画元素。

以上对jQuery中基于ajax的相关方法的总结(必看文章)是边肖与大家分享的全部内容，希望能给大家一个参考和支持。