您的位置：首页 > 其它

初识ajax

2015-11-29 22:16 260 查看

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

最近做项目经常用到ajax，发现这个真是一个好东西，可以将前后端分离开来，以下是基本内容和注解：

$.ajax({
                url: "xxx", //请求路径
                type: "GET", //请求类型，看后台是"POST"还是"GET"，默认后者
                dataType: "json", //请求的数据类型，"json"、"text"、"html"、"jsonp"等等
                contentType: "application/x-www-form-urlencoded; charset=utf-8", //编码类型，根据请求类型的不同而不同，（例：如果dataType是jsonp，那么就要改成contentType: "application/json; charset=utf-8",）
                data: { //这里放的是前端往后台传的数据
action : "XXX", //请求方法
                    id : $("#xxx").data("id"), //例子（注：冒号前的变量名一定要与后端的变量名相同）
name : $("#xxx").val(), //例子
_ : new Date().getTime() // 加个时间戳，防止多次请求后挂起
// 注意：最后的数据没有 “,”
                }, //这里要加“,”
                success: function(data){ //发送请求成功，则把从后台传来的数据先是到前端，
console.log(data); //将data数据打印在控制台，可以看看都传了什么数据，将需要的取出即可，注意一下数据的层级结构
if (data.ret == 0) { //后台传输数据成功（ret是后端定义的）
$("#appID").val(data.xxx.appId); //操作数据，一般是将数据回显到页面的指定位置
}
} else { //后台传输数据失败，则显示获取失败
alert( "获取配置失败！");
}
},
error: function(){ //发送请求失败，则显示服务繁忙
alert( "服务器繁忙，请稍后重试");
}
});

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： ajax

相关文章推荐

新的分享

章节导航