ajax_jquery等学习笔记（Ajax_jquery and other study notes）.docVIP

ajax_jquery等学习笔记（Ajax_jquery and other study notes） 1、Ajax是什么？ 异步javaScript和XML Ajax的Web应用当中是为了解决传统的”等待-响应-等待”的 弊端而创建的一种技术，其实质是，利用浏览器内置的一个 对象（XMLHttpRequest）异步地向服务器发送请求，服务器送 回处理结果（不是一个新的页面，而是部分数据），然后，在浏览 器端，使用利用处理结果更新页面整个过程，页面无DOM。 刷新。 2、编程 （1）如何获得Ajax对象（XMLHttpRequest对象） 因为Ajax对象没有标准化（属于BOM模型），要区分浏览器： 功能getxhr() { VaR XHR = null； 如果（窗口。XMLHttpRequest）{ / /非IE浏览器 XHR =新xmlhttprequest()； 其他{ } / / IE浏览器 XHR =新（microsoft XMLHTTP ActiveX对象。”）； } 返回XHR； } （2）Ajax对象的属性 绑订一个事件处理函数（注册onreadystatechange： 监听器）。 readyState：Ajax对象与服务器进行通讯的状态，其值 分别是0,1,2,3,4，当值为4时，表示Ajax 对象已经获得了服务器返回的所有的数据。 responseText：获得服务器返回的文本数据（字符串）。 获得服务器返回的XML数据responseXML之外。 现状：获得状态码。 （3）编程步骤 第一步获得Ajax对象 VaR XHR = getxhr()； STEP2使用Ajax对象向服务器发送请求 方式一：发送得到请求 / /打开：Ajax对象与服务器建立一个连接 / /打开（arg1，arg2，ARG3）： / / arg1：请求方式让，post”。 / / 2：请求地址，如果有请求参数，要添加到请求 / /地址的后面，如果是后请求，则要将请求参数 / /放到发送（请求参数）； / / ARG3：真的表示异步，假表示同步。 / /如果是同步，则浏览器会锁定页面，直到服务器 / /返回处理的结果。 XHR。开放（ ， “check_username.do？用户名= ZS，真的）； / /绑订事件处理函数（注册一个监听器） XHR onreadystatechange = F1； / /发送方法会将数据发送给服务器 XHR。发送（空）； 方式二：发送后请求 XHR。开放（post ，check_username。做的，真的）； / /要求Ajax对象在请求数据包里面，添加一个 / /内容类型消息头。 setrequestheader（XHR。 “内容类型”， “application/x-www-form-urlencoded”）； XHR onreadystatechange = F1； XHR。发送（username = ZS）； STEP3编写服务器端的程序，处理请求。 Step4 writes event handlers, which are among the event handlers, Gets the data returned by the server, and then updates the page. Function, F1 () { If (xhr.readyState = = 4) { / / receive all data sent by the server only, You can call responseText / attribute. Var TXT = xhr.responseText; DOM: / / update page ... } } Practice： Verify the validation code using the Ajax method. 3 、 coding problems in Ajax programming (1) what should be done if the link address contains Chinese? The browser will link Chinese in the address and encode it in utf-8. The server defaults to decoding according to iso-8859-1, which will appear at this time Garbled question. Solution: Tell the server to decode the Chinese in the link address in utf-8.