那些年,我还在学习埃阿斯学习笔记

通俗的说，Ajax就是一种网页无刷技术，以提高用户体验，Ajax并不是什么新的技术，只是在那些年才火了起来(Ajax火起来时，哥只知道聊QQ)，所以它就备受观注；当然，那些年就开始学习了。一、完成埃阿斯请求1、 在完成这个请求之前，先来了解一下埃阿斯是什么，它的全名叫异步的爪哇岛描述语言与、XML、从名称可以看出，它与爪哇岛描述语言和可扩展置标语言有不解之缘，Ajax使用可扩展置标语言地超文本传送协议请求，通过浏览器建立的xmlHttpRequest对象，异步的向服务器发送请求，服务器处理请求后，将响应通过xmlHttp.responseText属性返回给爪哇岛描述语言函数处理数据，进一步使用爪哇岛描述语言处理多姆，完成页面的局部更新。 2、 代码示例，使用XMLHttpRequest完成请求代码：JS:复制代码代码如下：脚本类型=' text/JavaScript '/XMlhttprequest对象var xmlHttp函数buildXMLHttpRequest() { //判断浏览器如果(窗口ActiveX对象){ xmlHttp=新的ActiveX对象(' Microsoft .XMLHTTP’)；//IE } else if(窗口. XMLHttpRequest){ xmlHttp=new XMLHttpRequest()；//非IE } else { xmlHttp=NaN} }函数send request(){ buildXMLHttpRequest()；//帖子请求xmlHttp.open('post '，' Handler.ashx '，true)；xmlhttp。onreadystatechange=function(){//判断状态if(xmlhttp。readystate==4 xmlhttp。status==200){ alert(xmlhttp。response text)；} } //定义传输的文件超文本传送协议头信息xmlhttp。setrequestheader(' Content-Type '，' application/x-www-form-URL编码')；//采用的编码方式xmlhttp。发送('值=1 ')；} /script Handler.ashx:复制代码代码如下： %@使用系统的网络处理程序语言="c# "类="处理程序";使用系统网络.公共类处理程序： IHttpHandler { public void process request(HttpContext context){ context .响应。内容类型='文本/纯文本；语境。回应。写下('你好，世界新中文件语境请求。params[' value '])；} public bool IsReuse { get { return false；} } } 效果

二、Jquery中的Ajax方法我记得那几年，我还在学习Jquery中没有提到的Ajax方法，所以在这里补上了。JQuery提供了很多Ajax功能，方便开发者使用。开发人员可以直接使用JQuery库中的Ajax函数来完成请求，而不是创建XMLHttpRequest对象来完成请求，兼容性也不错。让我们看看Jquery中的Ajax。1.Jquery gets data方法：load()示例：复制代码代码如下： function Ajax method(){ $(' # span div ')。load(' demodata . txt ')；} 2.Jquery的get(url，[data]，callback)方法示例：复制代码如下：函数ajaxGet() {//对象数据源varobj={first3360' first '，second 3360 ' second ' }；$.get('CallBackData.ashx '，obj，function(data) { $('#spanDiv ')。html(数据)；});} 3.Jquery的post(url、[data]、回调、type)方法示例：复制代码如下：函数ajaxPost() {//对象数据源varobj={first3360' first '，second 3360 ' second ' }；$.get('CallBackData.ashx '，obj，function(data) { $('#spanDiv ')。文本(decodeURI(数据))；});} 4.Jquery的ajax(option)方法示例：复制的代码如下：函数Ajax jax(){//Object数据源varobj={first :' first '，second : ' second ' }；$.ajax({ type: 'Get '，url: 'CallBackData.ashx '，data: obj，success : function(data){ $(' # spanDiv ')。文本(decodeURI(数据))；} });} 5.使用Jquery的ajaxSetup(options)方法设置全局ajax配置示例：复制代码如下： function AJaxajaxsetup(){//对象数据源varobj={first:' first '，second 3360 ' second ' }；$.ajax({ type: 'Post '，url: 'CallBackData.ashx '，data: obj，success : function(data){ $(' # spanDiv ')。文本(decodeURI(数据))；} });} 6.Jquery的ajaxSubmit(options)方法，提交表单总结多年来学习Ajax的成果，在提升用户体验的同时减轻了服务器的负担。