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