使用 ajax 进行前后端数据交互
ajax 一个前后台配合的技术,它可以让 javascript 发送 http 请求,与后台通信,获取数据和信息。 ajax 技术的原理是实例化 xmlhttp 对象,使用此对象与后台通信。jquery 将它封装成了一个函数 $.ajax(),我们可以直接用这个函数来执行 ajax 请求。
·
概念
ajax 一个前后台配合的技术,它可以让 javascript 发送 http 请求,与后台通信,获取数据和信息。ajax 技术的原理是实例化 xmlhttp 对象,使用此对象与后台通信。jquery 将它封装成了一个函数 $.ajax(),我们可以直接用这个函数来执行 ajax 请求。
ajax 需要在服务器环境下运行。
$.ajax 使用方法
常用参数
1、url 请求地址
2、type 请求方式,默认是'GET',常用的还有'POST'
3、dataType 设置返回的数据格式,常用的是'json'格式,也可以设置为'html'
4、data 设置发送给服务器的数据
5、success 设置请求成功后的回调函数
6、error 设置请求失败后的回调函数
7、async 设置是否异步,默认值是'true',表示异步
ajax 的三种写法
1. 以前的写法
$.ajax({
url: '/change_data',
type: 'GET',
dataType: 'json',
data:{'code':300268}
success:function(dat){
alert(dat.name);
},
error:function(){
alert('服务器超时,请重试!');
}
});
2. 新的写法(推荐):
$.ajax({
url: '/change_data',
type: 'GET',
dataType: 'json',
data:{'code':300268}
})
.done(function(dat) {
alert(dat.name);
})
.fail(function() {
alert('服务器超时,请重试!');
});
3. $.ajax 的简写方式
$.ajax 按照请求方式可以简写成 $.get 或者 $.post 方式,但是这种方法没有请求失败执行的回调函数。
$.get("/change_data", {'code':300268},
function(dat){
alert(dat.name);
});
$.post("/change_data", {'code':300268},
function(dat){
alert(dat.name);
});
更多推荐
已为社区贡献1条内容
所有评论(0)