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.在服务器端接受和处理表单数据