ajax的lAjax编程方法详解

时间:2021-08-19 15:34:40

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

load()方法

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

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

参考的说明如下:

url:需要加载的资源url;

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

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

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

$。get()方法

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

url:需要加载的资源url;

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

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

$.post()方法

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

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

$.getJSON()方法

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

$.getJSON(url,data,success[data,textStatus,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.在服务器端接受和处理表单数据