ajax的lAjax编程方法详解

jquery对Ajax提供了很好的支持，用户甚至不需要了解XMLRequest对象的概念就可实现AJAX的编程

load()方法

作用：可以动态的加载数据，并填充调用它的HTML元素内容，语法如下：

#(selector).load(url,[data],[complete[responseText,textStatus,XMLHttpRequest]])

参考的说明如下：

url:需要加载的资源url;

data:可选参数，在提交请求时发送到服务器多的数据对象或者字符串

complete:(responseText,XMLHttpRequest)可选参数，请求结束之后调用的回调函数，

$("#result").load("ajax/text.html");

$。get()方法

$.get(url,data,success(data,jqXHR));

url:需要加载的资源url;

data:可选参数，在提交请求时发送到服务器多的数据对象或者字符串

success(:请求成功之后的回调函数

$.post()方法

$.post(url,success[data,jqXHR,[dataType]]);

此方法与$.get()方法的参数方法相同

$.getJSON()方法

此方法可以通过http get请求从服务器加载JSON编码格式的数据，语法如下

$.getJSON(url,jqHXR]);URL加载的是资源

另外说一下

json的格式：javascript object notation,是一种轻量级的数据交换格式。它采用的 是完全独立于语言的脚本格式，但是也使用了类似c语言的家族的习惯。

$.ajax)此方法可以执行异步http的ajax请求，语法如下

url:需要发送异步HTTP请求的url

settings:用于配置ajax的请求的一组“”“键值对”

$(url,settings);

利用ajax提交表单

1，创建FormData对象

可以使用两种你方法创建FormData对象，一种是new关键字，方法如下

var formData=new FormData();

另一种方法是：

var formElement=document.getElementById('myFormElement");

formData=formElement.getFormData();

$.ajax()方法中使用的FormData对象模拟表单服务器提交数据

2.向FormData对象添加数据

formData.append(key,value);

3.向服务器发送FormData对象

$.ajax()方法中使用对象可以模拟表单向服务器发送数据，代码如下

var formdata=new FormDataI();

4.在服务器端接受和处理表单数据

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!