精华内容
下载资源
问答
  • 而使用Ajax技术后,用户操作将不再触发HTTP请求,而是触发一段JavaScript代码的执行,该段JavaScript初始化一个XMLHttpRequest对象,并通过该对象向服务器发送异步请求,获得数据(以XML、JSON或普通文本形式)...

    由于普通服务器控件事件被触发后,会使浏览器产生一个HTTP请求;随后,服务器会响应该请求,生成并返回对应的HTML、CSS、JavaScript代码等,由浏览器显示出来。

    而使用Ajax技术后,用户操作将不再触发HTTP请求,而是触发一段JavaScript代码的执行,该段JavaScript初始化一个XMLHttpRequest对象,并通过该对象向服务器发送异步请求,获得数据(以XML、JSON或普通文本形式),在客户端获得数据后,通过执行JavaScript的回调函数,实现数据局部刷新。

    展开全文
  • 不能实现异步,我是用javascript生成的列表,等换页的时候为什么能异步么?是不是因为我查询数据库的时候,只是查询当前页的数据,不是一下查询所有的,放在javascript里,所以造成不能异步呢? 我的代码如下...
  • 我们在网页开发的过程中,有不需要刷新页面就从服务器获取数据的需求,而AJAX就可以满足这个要求。AJAX 就是 Async Javascript And XML(异步的JS和XML)。OK,下面进入AJAX的四步曲:第一步:获取由JS我们提供...

    使用AJAX,首先要搞清楚AJAX是什么?

    我们在网页开发的过程中,有不需要刷新页面就能从服务器获取数据的需求,而AJAX就可以满足这个要求。

    AJAX 就是 Async Javascript And XML(异步的JS和XML)。

    OK,下面进入AJAX的四步曲:

    第一步:获取由JS为我们提供的原生对象

    v2-9d2a49f7a00e684100169a747eac878a_b.png

    检测是否创建成功

    v2-c79a09c34727a457a479536e8158089a_b.png

    第二步:创建连接

    v2-fe5e725157d98ea0a996a17b9a61aeef_b.png

    xhr的openAPI有三个属性method表示请求方法,url是请求的url,get方法时注意加上querystring,第三个参数值类型为Boolean,是否为异步请求

    第三步:发送请求

    v2-3ab23949c37f986ebd7f52fbf7f0a73d_b.png

    formdata为请求主体,如果是get方法不写或者写null

    第四步:绑定监听事件,接收服务器发来的数据

    v2-cf81789e10365664620d359832ab3f82_b.jpg

    result就是服务器响应给我们的数据,

    注意,如果请求的方法是post,则不需要在url后面加querystring,post方法是通过formdata向服务器传递数据的

    同时还要修改请求消息类型(浏览器默认为text/plain),如图

    v2-915eeb014053b2cf1b7244314cc7b4f5_b.png

    最后附上AJAX学习xmind导图

    v2-a0b5fb396d2520f07879c9877382c91c_b.jpg
    展开全文
  • 一、背景     ...上午时候同事问我这两个问题,其实大家都知道ajax的优点是...1、什么ajax       AJAX全称“Asynchr...

    一、背景

          上午时候同事问我这两个问题,其实大家都知道ajax的优点是不刷新页面加载,用户体验好,缺点是不安全之类的。但是并不能用很专业的术语来表述这些问题。这里记录一下。

    二、Ajax的工作原理

    1、什么ajax

          AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。

    2、ajax的工作原理

          Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做, 只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

    三、ajax的优点和缺点

    1、ajax的优点

    (1)无刷新更新数据。
    AJAX最大优点就是能在不刷新整个页面的前提下与服务器通信维护数据。这使得Web应用程序更为迅捷地响应用户交互,并避免了在网络上发送那些没有改变的信息,减少用户等待时间,带来非常好的用户体验。
    (2)异步与服务器通信。
    AJAX使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力。优化了Browser和Server之间的沟通,减少不必要的数据传输、时间及降低网络上数据流量。
    (3)前端和后端负载平衡。
    AJAX可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,AJAX的原则是“按需取数据”,可以最大程度的减少冗余请求和响应对服务器造成的负担,提升站点性能。
    (4)基于标准被广泛支持。
    AJAX基于标准化的并被广泛支持的技术,不需要下载浏览器插件或者小程序,但需要客户允许JavaScript在浏览器上执行。随着Ajax的成熟,一些简化Ajax使用方法的程序库也相继问世。同样,也出现了另一种辅助程序设计的技术,为那些不支持JavaScript的用户提供替代功能。
    (5)界面与应用分离。
    Ajax使WEB中的界面与应用分离(也可以说是数据与呈现分离),有利于分工合作、减少非技术人员对页面的修改造成的WEB应用程序错误、提高效率、也更加适用于现在的发布系统。
    

    2、ajax的缺点

    (1)AJAX干掉了Back和History功能,即对浏览器机制的破坏。

          在动态更新页面的情况下,用户无法回到前一个页面状态,因为浏览器仅能记忆历史记录中的静态页面。一个被完整读入的页面与一个已经被动态修改过的页面之间的差别非常微妙;用户通常会希望单击后退按钮能够取消他们的前一次操作,但是在Ajax应用程序中,这将无法实现。
    后退按钮是一个标准的web站点的重要功能,但是它没法和js进行很好的合作。这是Ajax所带来的一个比较严重的问题,因为用户往往是希望能够通过后退来取消前一次操作的。那么对于这个问题有没有办法?答案是肯定的,用过Gmail的知道,Gmail下面采用的Ajax技术解决了这个问题,在Gmail下面是可以后退的,但是,它也并不能改变Ajax的机制,它只是采用的一个比较笨但是有效的办法,即用户单击后退按钮访问历史记录时,通过创建或使用一个隐藏的IFRAME来重现页面上的变更。(例如,当用户在Google Maps中单击后退时,它在一个隐藏的IFRAME中进行搜索,然后将搜索结果反映到Ajax元素上,以便将应用程序状态恢复到当时的状态。)
    但是,虽然说这个问题是可以解决的,但是它所带来的开发成本是非常高的,并与Ajax框架所要求的快速开发是相背离的。这是Ajax所带来的一个非常严重的问题。
    一个相关的观点认为,使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中。该问题的解决方案也已出现,大部分都使用URL片断标识符(通常被称为锚点,即URL中#后面的部分)来保持跟踪,允许用户回到指定的某个应用程序状态。(许多浏览器允许JavaScript动态更新锚点,这使得Ajax应用程序能够在更新显示内容的同时更新锚点。)这些解决方案也同时解决了许多关于不支持后退按钮的争论。

    (2)AJAX的安全问题。
    AJAX技术给用户带来很好的用户体验的同时也对IT企业带来了新的安全威胁,Ajax技术就如同对企业数据建立了一个直接通道。这使得开发者在不经意间会暴露比以前更多的数据和服务器逻辑。Ajax的逻辑可以对客户端的安全扫描技术隐藏起来,允许黑客从远端服务器上建立新的攻击。还有Ajax也难以避免一些已知的安全弱点,诸如跨站点脚步攻击、SQL注入攻击和基于Credentials的安全漏洞等等。
    (3)对搜索引擎支持较弱。
    对搜索引擎的支持比较弱。如果使用不当,AJAX会增大网络数据的流量,从而降低整个系统的性能。
    (4)破坏程序的异常处理机制。
    至少从目前看来,像Ajax.dll,Ajaxpro.dll这些Ajax框架是会破坏程序的异常机制的。关于这个问题,曾在开发过程中遇到过,但是查了一下网上几乎没有相关的介绍。后来做了一次试验,分别采用Ajax和传统的form提交的模式来删除一条数据……给我们的调试带来了很大的困难。
    (5)违背URL和资源定位的初衷。
    例如,我给你一个URL地址,如果采用了Ajax技术,也许你在该URL地址下面看到的和我在这个URL地址下看到的内容是不同的。这个和资源定位的初衷是相背离的。
    (6)AJAX不能很好支持移动设备。
    一些手持设备(如手机、PDA等)现在还不能很好的支持Ajax,比如说我们在手机的浏览器上打开采用Ajax技术的网站时,它目前是不支持的。
    (7)客户端过肥,太多客户端代码造成开发上的成本。
    编写复杂、容易出错 ;冗余代码比较多(层层包含js文件是AJAX的通病,再加上以往的很多服务端代码现在放到了客户端);破坏了Web的原有标准。
    

    四、ajax同步和异步的区别

    1、同步
    发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。

    例如:用户填写所有信息后,提交给服务器,等待服务器的回应(检验数据),是一次性的。信息错误又要重新填写!

    2、异步
    是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式。

    例如:当用户填写完一条信息后,该信息会自动向服务器提交,然后服务器响应客户端,在此过程中,用户依然在填写表格的信息,即向服务器请求多次,节省了用户的时间,提高了用户的体验。

    3、区别:

    同步请求比着异步请求少了个XMLhttpRequest对象。在用户体验方面,异步的用户体验更好一些。

    4、建立异步请求的步骤

    a:new一个XHR对象
    
    b:调用open方法
    
    c:send一些数据
    
    d:对过程进行监听,来知道服务器是不是正确地做出了响应,接着可以做一些事情
    

    参考链接:
    AJAX工作原理及其优缺点
    Ajax之同步请求和异步请求的区别

    end

    展开全文
  • 为什么要用ajax

    2016-07-17 09:02:00
    Ajax应用程序的优势在于:1.通过异步模式,提升了用户体验2....Ajax可以实现动态不刷新(局部刷新)就是在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在...

    Ajax应用程序的优势在于
    1. 通过异步模式,提升了用户体验
    2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用
    3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。
    2、AJAX最大的特点是什么。
    Ajax可以实现动态不刷新(局部刷新
    就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。

    转载于:https://www.cnblogs.com/weihui-vip/p/5677823.html

    展开全文
  • 什么AJAX

    2016-06-13 14:15:00
    2.为什么要使用AJAXAJAX采用异步方式与服务器进行交互,可以实现局部刷新,而无需全网页的刷新,减轻浏览器的压力,增强用户的体验。 3.AJAX用在哪些地方? 1.AJAX是用HTML或者JSP中的。2.我们用AJAX...
  • 我们在网页开发的过程中,有不需要刷新页面就从服务器获取数据的需求,而AJAX就可以满足这个要求。AJAX 就是 Async Javascript And XML(异步的JS和XML)。OK,下面进入AJAX的四步曲:第一步:获取由JS我们提供...
  • AjaxAjax什么

    2020-09-06 18:50:06
    Ajax是Asynchronous JavaScript XML的缩写,被译为异步、JavaScript和XML。 ​ Ajax本身并不是一个新技术,而是一个在2005年被、Jesse、James Garrett提出的新术语,用来描述一种使用现有技术集合的“新”方法...
  • 什么AJAX

    2019-11-27 11:15:09
    XML:可扩展的标记语言,用自己自定义的标签来存储数据的(在很早以前,我们基于 AJAX 和服务器进行交互的数据格式一般都已 XML 格式主,因为它清晰展示出对应的数据和结构层级;但是到后面,流行了一种新的数据...
  • Ajax什么

    千次阅读 2020-08-27 23:57:37
    Ajax是Asynchronous JavaScript XML的缩写,被译为异步JavaScript和XML。Ajax本身并不是一个新技术,而是一个在2005年被Jesse James Garrett提出的新术语,用来描述一种使用现有技术集合的“新”方法。 当使用Ajax...
  • 为什么用来学习Ajax? 因为学习ajax能让客户端跟服务端的交互更优雅。 学习Ajax有什么好处? 在没有ajax之前,客户端向服务端发起请求,比如需要提交表单数据,可以使用form表单,但是form表单在提交时,会刷新...
  • AJAX详解

    2015-08-03 23:16:52
    什么是AJAXAsynchronous Javascript And XML 取四个单词的首字母 AJAX,读作['eidʒæks],汉译...AJAX能什么在不刷新整个页面的情况下,与服务器交互(发送与接收数据)。使用场景从上面的AJAX能什么,应该能得到
  • Ajax详解

    2018-04-05 15:53:03
    Ajax:AsynchronousJavaScript and XML(异步JavaScript和XML)Ajax技术的核心操作是用...为什么AJAX可以不用刷新与服务器进行交互?——依靠XMLHttpRequest 对象实现(所有现代的浏览器都支持 XMLHttpReq...
  • Ajax摘要

    2021-04-26 20:47:37
    什么是ajaxajax作用是什么? AJax = 异步 JavaScript...为什么要用ajaxAjax应用程序的优势在于: 通过异步模式,提升了用户体验 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用 Aja
  • 前端基础之AJAX

    2019-09-25 19:00:38
    什么AJAX,简单来说就是利用JavaScript天生异步的特性,使用异步请求后台数据,从而达到不刷新网页也局部更新页面的效果。 原生AJAX JavaScript中的AJAX依赖于XMLHttpRequest对象。 Js也使用new创建对象:new ...
  • 本文主要给大家介绍了关于利用Ajax与php数据交互并且局部刷新页面的实现方法,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,希望帮助到大家。什么Ajax?国内翻译常“阿贾克斯”和阿贾克斯...
  • JSP学习之Ajax详细教学

    千次阅读 2019-06-23 14:35:29
    Ajax的概念和原理 一、什么是Ajax? 1、Ajax本质上是一个浏览器端的技术。 2、异步刷新技术,用来在当前页面内响应不同的请求内容。 3、相当于js修改页面文档结构,只...二、为什么需要Ajax? 需求: 有时候我们...
  • 为什么使用Ajax Ajax应用程序的优势在于: 通过异步模式,提升了用户体验 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用 (AJAX最大的特点是什么-----Ajax可以实现动态刷新(局部刷新) ...
  • 从零开始认识Ajax

    2020-02-28 13:46:47
    XML:可扩展的标记语言,用自己自定义的标签来存储数据的(在很早以前,我们基于 AJAX 和服务器进行交互的数据格式一般都已 XML 格式主,因为它清晰展示出对应的数据和结构层级;但是到后面,流行了一种新的数据...
  • AJAX与PHP结合入门案例

    2019-04-05 17:08:00
    就是一种异步加载的流程模式,异步可以理解另一条线程,原本一个线程干活,现在多个线程,效率和用户体验提高很多; AJAX的一些应用场景 前端注册功能在输入完用户名的时候,就提示这个用户是否可用 前端搜索...
  • Ajax是Asynchronous JavaScript XML的缩写,被译为异步JavaScript和XML。 Ajax本身并不是一个新技术,而是一个在2005年被Jesse James Garrett提出的新术语,用来描迹一种使用现有技术集合的“新”方法。 **当使用...
  • 异步的,在不刷新刷新整体网页内容的情况下,自动更新部分网页内容的技术! 要说Ajax就不得不说,异步传输和同步传输。 异步是值:发送方发出数据后,不等接收方发回响应,接着发送下一个数据包的通讯方式...
  • 啥用AjaxAjax应用程序的优势在于: 1. 通过异步模式,提升了用户体验。 2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用。 3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的...
  • 李锟 2006年4月4日于上海 <br/>目录 <br/>第一部分 重新思考Web应用 第1章 一种新的Web设计方法 1.1 为什么需要Ajax富客户端? 1.1.1 比较用户体验 1.1.2 网络延迟 1.1.3...
  • 之前在网上看过很多朋友有一种疑问,为什么在看京东网页的源代码里面看不到价格或则折扣一类的数据,而在网页上正常显示却看到?。。。之前我也没有想到是AJAX,因为我写写爬虫只是业余爱好吧~~,后来有一次用...
  • XML:可扩展的标记语言,用自己自定义的标签来存储数据的(在很早以前,我们基于 AJAX 和服务器进行交互的数据格式一般都已 XML 格式主,因为它清晰展示出对应的数据和结构层级;但是到后面,流行了一种新的数据...
  • 里写自定义目录标题为什么需要JS回调什么是JS回调回调的方式和种类demo同步与异步同步与异步的概念如何使用:界面刷新功能为例demo问题 为什么需要JS回调 什么是JS回调 函数实际上是对象:它们被“存储”在变量中...

空空如也

空空如也

1 2 3 4 5 6
收藏数 113
精华内容 45
关键字:

为什么ajax能异步刷新