简介:Ajax即” Asynchronous Javascript And XML”(异步JavaScript和XML)”,是指一种创建交互式网页应用的网页开发技术。
Ajax=异步JavaScript和XML(标准通用标记语言的子集)。
Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,进行更新。传统的网页(不使用Ajax)如果需要更新内容,必须重新加载整个网页。
优点:
1. 无刷新更新数据
2. 异步与服务器通信
3. 前端和后端负载平衡
4. 基于标准被广泛支持
5. 界面与应用分离
缺点:
1. AJAX干掉了Back和History功能,即对浏览器机制的破坏
2. AJAX的安全问题
3. 对搜索引擎支持较弱
4. 破坏程序的异常处理机制
5. AJAX不能很好支持移动设备
实现代码:(显示)
$(function () {
$.ajax({
type: "GET",
url: "/api/values",
success: function (data) {
//alert(1);
$.each(data, function (i, item) {
var str = "<tr><td>" + item.UserID + "</td><td>" + item.UserName + "</td><td>" + item.NickName + "</td><td>" + "<input type='button' value='删除' οnclick='Del(" + item.UserID + ")'/></td></tr>"
$("table").append(str);
})
}
})
})
Ajax=异步JavaScript和XML(标准通用标记语言的子集)。
Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,进行更新。传统的网页(不使用Ajax)如果需要更新内容,必须重新加载整个网页。
优点:
1. 无刷新更新数据
2. 异步与服务器通信
3. 前端和后端负载平衡
4. 基于标准被广泛支持
5. 界面与应用分离
缺点:
1. AJAX干掉了Back和History功能,即对浏览器机制的破坏
2. AJAX的安全问题
3. 对搜索引擎支持较弱
4. 破坏程序的异常处理机制
5. AJAX不能很好支持移动设备
实现代码:(显示)
$(function () {
$.ajax({
type: "GET",
url: "/api/values",
success: function (data) {
//alert(1);
$.each(data, function (i, item) {
var str = "<tr><td>" + item.UserID + "</td><td>" + item.UserName + "</td><td>" + item.NickName + "</td><td>" + "<input type='button' value='删除' οnclick='Del(" + item.UserID + ")'/></td></tr>"
$("table").append(str);
})
}
})
})