1什么是AJAX
将Ajax(异步JavaScript和XML)翻译成中文意味着“异步Javascript和XML”。即使用Javascript语言与服务器异步交互,传输的数据是XML(当然,传输的数据不仅仅是XML)。
AJAX的另一个最大特点是,当服务器响应时,不需要刷新整个浏览器页面,而是可以本地刷新。这个特性给用户的感觉是请求和响应过程都是无意识完成的。
与服务器的异步交互;浏览器页面被部分刷新;2.同步交互和异步交互
同步交互:客户端发送请求后,需要等待服务器响应后再发送第二个请求;异步交互:客户端发送请求后,可以发送第二个请求,而无需等待服务器响应。3.常见的Ajax应用程序场景
当我们在百度输入一个“川”字,马上就会出现一个下拉列表!该列表显示了10个包含单词“川”的关键词。
其实这里用的是AJAX技术!当文件框的输入发生变化时,浏览器会使用AJAX技术向服务器发送请求,查询包含“川”字的前10个关键词,然后服务器会将查询结果响应给浏览器,最后浏览器会在下拉列表中显示这10个关键词。
整个过程中,页面不刷新,只刷新页面中的局部位置!请求发送后,浏览器可以执行其他操作,无需等待服务器的响应!
输入用户名并将光标移动到其他表单项后,浏览器将使用AJAX技术向服务器发送请求,服务器将查询名为张山的用户是否存在。最后,服务器返回true,表示名为张山的用户已经存在,浏览器显示“用户名已经注册!”得到结果后。
整个过程中,页面没有刷新,只是部分刷新。请求发送后,浏览器可以进行其他操作,无需等待服务器的响应结果;4 Ajax的优缺点
优点:
AJAX使用Javascript技术向服务器发送异步请求;AJAX不需要刷新整个页面;因为服务器响应内容不再是整个页面,而是页面的一部分,AJAX性能高;缺点:
AJAX并不适合所有场景,经常使用同步交互;虽然AJAX提升了用户体验,但发送到服务器的请求数量却无形中增加,导致服务器压力增大;因为AJAX是在浏览器中使用Javascript技术完成的,所以还需要处理浏览器兼容性问题;Ajax的基本工作原理和流程;
在一般的网络应用程序中,用户填写表单字段并单击提交按钮。然后整个表单被发送到服务器,服务器将它转发给处理表单的脚本(通常是PHP或Java,或者CGI进程之类的东西),然后在脚本执行后将它发送回全新的页面。该页面可以是带有填充了某些数据的新表单的HTML、确认页面或根据原始表单中输入的数据选择了某些选项的页面。当然,当服务器上的脚本或程序处理并返回新表单时,用户必须等待。屏幕变成空白,等到服务器返回数据后再重新绘制。这就是互动性差的原因。用户得不到即时反馈,所以感觉和桌面应用不一样。
Ajax基本上是把JavaScript技术和XMLHttpRequest对象放在Web表单和服务器之间。当用户填写表单时,数据被发送到一些JavaScript代码,而不是直接发送到服务器。相反,JavaScript代码捕获表单数据并向服务器发送请求。同时,用户屏幕上的表单不会闪烁、消失或延迟。换句话说,JavaScript代码在幕后发送请求,用户甚至不知道请求已经发送。更好的是,请求是异步发送的,这意味着JavaScript代码(和用户)不必等待服务器的响应。因此,用户可以继续输入数据、滚动屏幕和使用应用程序。
然后,服务器将数据返回给JavaScript代码(仍然是Web形式),该代码决定如何处理数据。它可以快速更新表单数据,让人感觉应用马上就完成了,表单没有提交或者刷新,但是用户得到了新的数据。JavaScript代码甚至可以对接收到的数据进行一些计算,并在没有用户干预的情况下发送另一个请求!这就是XMLHttpRequest的强大之处。它可以根据需要自行与服务器交互,用户甚至可以完全不知道幕后发生了什么。其结果是一个动态的,反应迅速和高度互动的体验,类似于桌面应用程序,但背后有互联网的强大力量。
以上是边肖介绍的Ajax入门学习教程(一)。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!