关于Ajax的三种实现方式总结
1、Ajax的一般实现
通常使用通过jqeury实现,从$.ajax开始,一般需要以下参数:
- url:请求路径
- type:请求方式
- data:请求参数
- function:响应函数(包括success,error等)
- dataType:设置接收到的响应数据的格式
以下为代码示例:
$.ajax({
url:"ajaxServlet", //请求路径
type:"POST", //请求方式
data:{}, //请求参数
success:function(data){
alert(data)
}, //响应成功后回调
dataType:"text"
});
2、Ajax的通过get请求实现
通过get请求实现ajax可以省略一些步骤,更方便,更简单,以:$.get开始,其参数为:
- url:请求路径
- data:请求参数
- callback:回调函数
- type:响应结果类型
以下代码为示例:
$.get("ajaxGet",{username:"zhangsan"},function(data){
alert(data)
},"text");
3、Ajax的通过post请求实现
post方式的ajax请求和get请求的实现方式大同小异,其开始为$.post,其参数为:
- url:请求路径
- data:请求参数
- callback:回调函数
- type:响应结果类型
以下代码为示例:
$.post("ajaxPost",{username:"zhangsan"},function(data){
alert(data)
},"text");
总结完毕。