ajax的详细使用,ajax的方法

http://www.itjxue.com  2023-01-21 19:53  来源:未知  点击次数: 

AJAX是什么?如何在JavaScript中使用?

AJAX全称为Asynchronous JavaScript And XML直译就是异步的JavaScript和XML。

通常当JavaScript向服务器发送请求获取数据时,服务器会返回数据。在传统没有使用AJAX的网页中,需要刷新页面使其重新加载。而AJAX可以使网页在不重新加载页面的情况下对网页的局部进行更新。

使用AJAX主要分三部分:

1、 创建请求的变量。

2、 为请求添加事件处理代码。

3、 配置发送请求。

【AJAX举例】

var?myRequest;

if?(window.XMLHttpRequest)?{??

myRequest?=?new?XMLHttpRequest();}?

else?if?(window.ActiveXObject)?{?

myRequest?=?new?ActiveXObject("Microsoft.XMLHTTP");

}

myRequest.onreadystatechange?=?function(){

console.log("匿名函数被调用!");

console.log(myRequest.readyState);

if?(myRequest.readyState?===?4)?{

var?p?=?document.createElement("p");

var?t?=?document.createTextNode(myRequest.responseText);

p.appendChild(t);

document.getElementById("mainContent").appendChild(p);}};

myRequest.open('GET',?'simple.txt',?true);

myRequest.send(null);

AJAX的主要用途是什么?

ajax 主要是实现页面和 web 服务器之间数据的异步传输。

Ajax 即“Asynchronous?Javascript?And?XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。Ajax = 异步?JavaScript?和 XML 或者是 HTML(标准通用标记语言的子集)。Ajax 是一种用于创建快速动态网页的技术。

Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。

举个简单例子,不采用 ajax 的页面,当用户在页面发起请求时,就要进行整个页面的刷新,刷新快慢取决于服务器的处理快慢。在这个过程中用户必须得等待,不能进行其他操作。也就是同步的方式。客户端和服务端传递了很多不需要的数据。效率低,用户体验差。采用ajax的页面,可以实现页面的局部更新,而不是整个页面的更新;并且发起请求后,用户还可以进行页面上的其他操作。这就是异步的方式。客户端和服务端间只传递需要的数据,效率高,用户体验性好。

ajax 主要用在开发网站上,很明显的一个特点就是局部刷新,也就是说当你执行网页中的一小部分的时候其实是不用将整个网页提交上去的,只需要提交你改动的网页的局部信息。

扩展资料:

1、ajax 开发模式:

许多重要的技术和 Ajax 开发模式可以从现有的知识中获取。例如,在一个发送请求到服务端的应用中,必须包含请求顺序、优先级、超时响应、错误处理及回调,其中许多元素已经在Web 服务中包含了。同时,随着技术的成熟还会有许多地方需要改进,特别是UI部分的易用性。

Ajax 开发与传统的?B/S开发有很大的不同。这些不同引入了新的编程问题,最大的问题在于易用性。由于 Ajax 依赖浏览器的 JavaScript 和XML,浏览器的兼容性和支持的标准也变得和 JavaScript 的运行时性能一样重要了。这些问题中的大部分来源于浏览器、服务器和技术的组合,因此必须理解如何才能最好的使用这些技术。

综合各种变化的技术和强耦合的客户服务端环境,Ajax 提出了一种新的开发方式。Ajax 开发人员必须理解传统的?MVC?架构,这限制了应用层次之间的边界。同时,开发人员还需要考虑 B/S 环境的外部和使用 Ajax 技术来重定型 MVC 边界。最重要的是,Ajax 开发人员必须禁止以页面集合的方式来考虑 Web 应用而需要将其认为是单个页面。一旦 UI 设计与服务架构之间的范围被严格区分开来后,开发人员就需要更新和变化的技术集合了。

2、ajax 优点:

使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变的信息。

Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。就像DHTML应用程序那样,Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。随着Ajax的成熟,一些简化Ajax使用方法的程序库也相继问世。同样,也出现了另一种辅助程序设计的技术,为那些不支持JavaScript的用户提供替代功能。

参考资料来源:百度百科 - ajax

ajax使用步骤

1. 下载安装 ASPAJAXExtSetup.msi

2. 重新启动IDE

3. 这时你会发现在工具栏中多了Ajax extensions 的工具项4. 配置Web_ConfigAjax(Asynchronous JavaScript and XML),直译为“异步的JavaScript与XML技术”,是一种创建交互式网页应用的网页开发技术,用于创建快速动态网页,由杰西·詹姆士·贾瑞特所提出。与传统的Web应用相比,Ajax通过浏览器与服务器进行少量的数据交换就可以实现网页的异步更新,在不重新加载整个网页的情况下,即可对网页进行更新。“阿贾克斯” (Ajax)和阿贾克斯足球队同音。这个术语源自描述从基于 Web 的应用到基于数据的应用。

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

使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户!核心对象XMLHTTPRequest。通过这个对象,您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据,即在不需要刷新页面的情况下,就可以产生局部刷新的效果。

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

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

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

JavaScript、XML、HTML与CSS在 Ajax 中使用的 Web 标准已被良好定义,并被所有的主流浏览器支持。Ajax 应用程序独立于浏览器和平台。

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

不过,因特网应用程序并不像传统的桌面应用程序那样完善且友好。通过 Ajax,因特网应用程序可以变得更完善,更友好。

(责任编辑:IT教学网)

更多

推荐编程综合文章