ajax作用、及ajax函数的编写

《ajax作用、及ajax函数的编写》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Ajax作用、及Ajax函数的编写关于Ajax指的是异步（AsynchronousJavaScriptandXML）v异步的javascript和XML＞1、Ajax并非缩写词，而是由JesseJamesGaiiett创造的名词，是指一种创建交互式网页应用的网页开发技术2、Ajax并不是最新的编程语言，而是一种使用现有标進的新方法宣用壬创建更好更快以及交互性更强的Web应用程序的技术。3、Aiax是能在不重新加载整个页面v无需刷新！＞的情况下，能与服务器交换数据并史新网页内部分内容.Ajax的核心是JavaScript对彖XmlHttpRequest。该对彖在InternetEx

2、plorer5中首次引入,它是一种支持异步请求的技术.简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户（不必造成重新加载页血便与WEB服务器交换数据可以让网页从后台服务器请求少量的信息而不是加载整个页面）使得因特网的应用程序更加小，速度更快，更加友好，同时需要注意的是Ajax是被所有主流浏览器支持的，而且Ajax程序独立于浏览器和平台。Ajax的异步（无阻断）和同步（阻断一步一步进行上一步没有完成下一步就不继续）同步：提交请求・＞等待服务器处理・＞处理完毕返回这个期I可客户端浏览器不能干任何事异步：请求通过事件触发・＞

3、服务器处理（这是浏览器仍然可以作其他事情）・＞处理完毕同步就是你叫我去吃饭，我听到了就和你去吃饭；如果没有听到，你就不停的叫，直到我告诉你听到了，才一起去吃饭。异步就是你叫我，然后自己去吃饭，我得到消息后可能立即走，也可能等到下班才去吃饭。Ajax适合使用的应用场合有対吏用Ajax进行数据验证（用户登录名和密码是否正确和唯一性）优点:不像传统的验证数据需要填写完数据后向后台服务器提交表单数据，进入到服务器端进行验证，整个过程时I'可长且对后台服务器造成不必要的负担当使用了Ajax技术是直接由XMLHttpRequest对象发出验证请求,根据返回的HTTP响应判断验证的数据是否符合

4、，整个过程不需要弹出新窗口，也不需要将整个页而提交到服务器，非常的快速且不增加服务器的负担。气吏用Ajax更新页面的部分内容在无需刷新的情况下，可更新多条甚至是版块的内容，如股票的更新如百度搜索无需确定只需要在搜索框写入搜索的内容下方变自动更新内容v减少向服务器的请求〉水网页小游戏（联网的）、新浪微聘、Google地图、开心网.服务器：能提供一定服务的特殊电脑.ftp、svn、web网页浏览过程分析：请求到服务器读取返回数据下载到本地浏览器看到如何配置口己的服务器程序（wamp）安装一个wamp集成环境，因为Ajax是读取服务器上面的信息的，所以我们接下來的页面需要保存到wwwF

5、l录下：比如我创建一个文件aa.html放到该目录下。我可以通过浏览器输入下面的信息找到这个文件：loclhost/aa.html127.0.0.1/aa.html使用Ajax基础：请求并显示静态TXT文件字符集编码缓存、阻止缓存动态数据：请求js（或json）文件eval的使用DOM创建元素局部刷新：请求并显示部分网页文件HTTP请求方法GET——用于获取数据（如：浏览帖子）：不安全，放到url里面传递信息，通过网址传递.容易出错.因为有大小限制：4-1Ok,有缓存只能传输字符串POST——用于上传数据（如：用户注册）：稍微安全一些，不通过网址url,可以传大文件，2G,没有缓

6、存GET、POST的区别get是在url里传数据：安全性没有post好、容量限制、并且浏览器本地有缓存编写Ajax函数的步骤：1、创建Ajax对象ActiveXObiect（”Microsoft.XMLHTTP"）XMLHttpRequestO2、连接服务器（打开和服务器的连接）open。方法异步处理）open（方法，文件名，异步传输）同步和异步3、发出请求send（）4、接收返回请求状态监控onreadvstatechanqe事件:为状态码改变时触发：onreadystatechangereadyState屈性：请求状态0（未初始化）还没有调用open（）方法1（载入）已调用s

7、end（）方法，正在发送请求2（载入完成）send（）方法完成，己收到全部响应内容3（解析）正在解析响应内容4（完成）响应内容解析完成，可以在客户端调用了status属性：HTTP状态码请求结果服务器端的状态找到成功返回>200未找到错误返回:>404IresponseText:请求到的文本，字符串封装的js代码如下：[html]viewplaincopy1.//封装ajax()方法2.functionajax(url,fnSucc,卡nFaild){3.//1＞创建Ajax对象