`

Ajax笔记.

阅读更多

 

Ajax: 无刷新技术。

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

传统的 web 应用程序: jsp jsp servlet 发出请求 转发到 jsp  

                       存在着请求 -------- 响应---接收的过程。而Ajax则是以响应传递给请求.

如何使用 Ajax.

Ajax 的六大步骤:

 

1  //创建XMLHttpRequest对象实例

2   http_request.onreadystatechange = 你的另外一个js函数名; //定义处理返回结果的函数

3 http_request.open('GET', url, true);//// 确定发送请求的方式和URL以及是否同步执行下段代码

4 http_request.send(null);//发送请求

5 回调函数处理,更新本页面局部数据

 

 

 

Ajax 是作用:

1.     数据校验

2.   联动下拉框

3.    树形菜单

4 :及时信息

 

 

1.全称:Asynchronized JavaScript and Xml 异步JavaScript和XML

2.异步的概念:在同一页面中,只提交了改动的部分,而别的部分并不提交,可以继续操作

3.异步的主要特征:局部刷新,所谓的局部刷新就是:向服务器提交请求,不需要重新刷新页面

 

Ajax的执行流程:

1.发出一个Http请求:通过XMLHttpRequest对象发送,在生成XMLHttpRequest对象时,要注意区分浏览器的类型(IE和非IE)

2.声明回调函数:即:指定当服务器为你的请求作出相应后,有哪个javaScript函数来处理这个响应

3.打开请求:http_request.open("GET/POST", url, true/false);

4.发送请求:http_request.send(parm);

5.接受响应:由第二步中所指定的回调函数来接受

6.处理响应数据:

1)responseText:作为文本串返回

2)responseXML:作为Xml文件返回

从这点可以看出来Ajax的一个最大的缺点:Ajax接受的响应都是"文本类型"的,需要对其进行解析,耗费大量的时间和带宽,

当响应所返回的数据比较大时,会严重的影响速度,因此,在这种情况下,最好不要使用Ajax

 

Ajax优缺点

AJAX是优点:

1 增加用户体验。 2. 无需刷新。

  AJAX是指一种创建交互式网页应用的网页开发技术.它是通过JavaScript来通过一个事件来发送http请求,只对当前的界面进行一部分

的更新,并没有全部的载入页面,因为有很大一部分的内容是相同的,并不需要全部载入,所以从服务器上的取出所需要的数据是个很

好的办法,并且用户它要的是显示速度够快,注重的视觉上的效果,并不关心底层的实现,所以对用户的交互大大加强。

 

Ajax的缺点:

1.它可能破坏浏览器后退按钮的正常行为。如用户通常都希望单击后退按钮,就能够取消他们的前一次操作,但是在Ajax应用程序中,却无法这样做。

2.查询返回大量的数据的时候不适宜用ajax(ajax不适合传输大量数据)

3.它从服务器端传过来的是一个字符串或是一个xml文件所包装的数据,这样大数据的传输它肯定不行,因为对xml文件的解析也同样会花大量的时间。

 

分享到:
评论

相关推荐

    Ajax笔记.jpg

    Ajax笔记

    Ajax笔记.emmx

    Ajax笔记

    编程联盟整理的ajax笔记.rar

    整理的ajax笔记 2005中使用Ajax方法: 1.添加引用:Ajax.Pro.2.DLL. 2.在Web.Config:<system.web> ,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/> </system.web> 3.使用的时候...

    Ajax笔记.pdf

    Ajax笔记 Ajax是Asynchronous JavaScript and XML的缩写,是一种基于JavaScript和XML的异步通信技术。它的出现是为了解决传统Web开发中存在的问题,如需要刷新整个页面来获取后台信息,给用户带来不好的体验。Ajax...

    Ajax笔记.docx

    **Ajax技术概述** Ajax,全称Asynchronous JavaScript and XML,是一种用于创建动态和交互性网页的技术。它允许网页在不完全刷新的情况下与服务器交换数据并更新部分网页内容,从而提升了用户体验,减少了网络带宽...

    1.Ajax笔记.txt

    AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

    2.Ajax笔记.txt

    把自己自学ajax的笔记分享给大伙们 。把自己所做的笔记跟大伙们分享,希望大家能一起加入!冲冲冲!!谢谢啦!

    1_AJAX笔记.pdf

    【AJAX技术详解】 AJAX,全称Asynchronous JavaScript And XML,中文译为异步的JavaScript和XML。尽管名称中有XML,但现在的AJAX实际更多地使用JSON而非XML作为数据交换格式。AJAX并不是一种全新的编程语言,而是...

    JavaScript原生Ajax笔记.doc

    JavaScript原生Ajax技术是Web开发中的重要组成部分,它允许网页在不刷新整个页面的情况下与服务器进行数据交换,提升了用户体验。本文将深入探讨Ajax的核心概念、使用方法及其在处理不同类型数据时的应用。 一、...

    ajax 笔记总结...

    ajax 笔记总结...

    Ajax学习笔记.zip

    Ajax,全称Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这使得网页更加互动、响应更快,提高了用户体验。Ajax的核心是JavaScript对象XMLHttpRequest,它允许...

    ajax 第二天笔记.md

    ajax 第二天笔记.md

    AJAX学习笔记.docx

    AJAX(Asynchronous JavaScript and XML)是Web开发中的一种核心技术,它使得网页可以在不刷新整个页面的情况下与服务器进行异步通信,从而实现内容的动态更新。这一技术的出现极大地提升了用户体验,因为它避免了...

    夏玉保整理Ajax学习笔记.doc

    以下是夏玉保整理的Ajax学习笔记的关键点: 1. **处理IE缓存问题**: Internet Explorer浏览器在执行Ajax请求时,有时会缓存请求结果,导致即使服务器上的数据已更新,客户端仍显示旧的数据。为解决这个问题,通常...

    ajax图示笔记.zip

    Ajax即Asynchronous Javascript And XML(异步JavaScript和XML)在 2005年被Jesse James Garrett提出的新术语,用来描述一种使用现有技术集合的‘新’方法,包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, ...

    H5笔记.zip

    7. **前后端交互概略笔记.pdf**:这部分内容可能涉及AJAX、Fetch API或者基于Promise的HTTP请求库(如Axios),介绍如何在客户端与服务器之间进行数据交换,实现异步通信。 8. **HTML5高级API学习笔记.pdf**:HTML5...

    [DWR(Ajax)]DWR使用笔记.chm

    [DWR(Ajax)]DWR使用笔记.chm

    HTML、CSS、JavaScript、Jquery、Node、Ajax、Vue学习笔记.zip

    本资源【HTML、CSS、JavaScript、Jquery、Node、Ajax、Vue学习笔记.zip】旨在为前端开发者提供全面的学习资料,涵盖从基础到进阶的各类知识点。包括HTML的基本结构和常用标签、CSS的样式设置与布局技巧、JavaScript...

    Ajax_JQuery笔记.rar

    **Ajax(Asynchronous JavaScript and XML)与jQuery技术详解** Ajax是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它的核心在于JavaScript,通过创建XMLHttpRequest对象实现后台与服务器的异步数据...

    计算机软件编程学习笔记.rar

    计算机软件编程学习笔记: 01. Unix note.txt 02. SQL note.txt 03. PL SQL note.txt 04. CVS note.txt 05. Core Java exercise.txt 05. Core Java note.txt 06. OOAD & UML note.txt 07. Xml note.txt 08. JDBC ...

Global site tag (gtag.js) - Google Analytics