Ajax 结构及使用

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

AJAX

AJAX即“A synchronous J avascript And X ML ”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。

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

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

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

应用优势

编辑

AJAX不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。

使用Javascript向服务器提出请求并处理响应而不阻塞用户！核心对象XMLHTTPRequest。通过这个对象，您的 JavaScript 可在不重载页面的情况与Web服务器交换数据。

AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。

AJAX 可使因特网应用程序更小、更快，更友好。

AJAX 是一种独立于 Web 服务器软件的浏览器技术。　AJAX 基于下列 Web 标准：

JavaScriptXMLHTMLCSS在 AJAX 中使用的 Web 标准已被良好定义，并被所有的主流浏览器支持。AJAX 应用程序独立于浏览器和平台。

Web 应用程序较桌面应用程序有诸多优势；它们能够涉及广大的用户，它们更易安装及维护，也更易开发。

不过，因特网应用程序并不像传统的桌面应用程序那样完善且友好。

通过 AJAX，因特网应用程序可以变得更完善，更友好。

工作原理：

基本结构及使用：

$.ajax({
url: "Ashxs/NationAll.ashx",使用ajax需要添加一个以ashx结尾的一般处理程序，服务端处理，直接返回给js。不用刷新页面，url：""，里面填写一般处理程序的路径
data: {},用来存放要提交到服务端处理的数据，如果没有，就不填
type: "post",向服务器发送请求
dataType: "json",服务端将执行完的数据返回给js，json返回的数据格式{"自定义名称":"值","":""}，如果返回一堆对象数据就是[{"":""},{":""},{}....]
success: function (na) {返回的json数据到自定义na中，因为返回的是一组数据，以键值对的形式，na可以直接点出每一条的键获取到值

如果json返回的是一堆，就遍历它，

for(i in na)

{

na[i].自定义的名称（这样就可以获得这个键值），na[i].xxxxx

返回的数据用作什么地方，就以所需的形式接收一下，一次循环将所有数据一条一条接收

}

}//success

});//ajax

如果将返回的数据用于<select></select>下拉列表，遍历数据一条一条添加时需要加get(0),也就是$(id).get(0).add(xxx);

一般处理程序：

使用ajax不用通过后台处理，通过一般处理程序，可以将js直接到服务端进行处理，数据库操作，并将执行完的数据直接返回到js，不需要页面刷新

一般处理程序返回的是json对象，实际就是在处理程序页面拼接json字符串，格式：{""："",....}一组数据