xmlhttp

什么是 AJAX AJAX（ Asynchronous Javascript And XML）翻译成中文就是“异步 Javascript和 XML”。即使用 Javascript语言与服务器进行异步交互，传输的数据为 XML（当然，传输的数据不只是 XML）。 AJAX还有一个最大的特点就是，当服务器响应时，不用刷新整个浏览器页面，而是可以局部刷新。这一特点给用户的感受是在不知不觉中完成请求和响应过程，当请求发出后，浏览器还可以进行其他操作，无需等待服务器的响应 同步交互与异步交互 同步交互：客户端发出一个请求后，需要等待服务器响应结束后，才能发出第二个请求； 异步交互：客户端发出一个请求后，无需等待服务器响应结束，就可以发出第二个请求。 AJAX 的优缺点 优点： AJAX使用 Javascript技术向服务器发送异步请求； AJAX无须刷新整个页面； 因为服务器响应内容不再是整个页面，而是页面中的局部，所以 AJAX性能高； 缺点： AJAX并不适合所有场景，很多时候还是要使用同步交互； AJAX虽然提高了用户体验，但无形中向服务器发送的请求次数增多了，导致服务器压力增大； 因为 AJAX是在浏览器中使用 Javascript技术完成的，所以还需要处理浏览器兼容性问题 AJAX 核心（ XMLHttpRequest ） 其实AJAX就是在Javascript中多添加了一个对象

Ajax刷新DIV内容 实现了网页的异步数据处理,不用刷新整个页面 <标签 onmouseover="method"/ > method：这个参数是处理onmouseover事件的方法。 <li onmouseover="startRequest('1')">简单</li> <li onmouseover="startRequest('2')">面向对象</li> <li onmouseover="startRequest('3')">可移植性</li> <li onmouseover="startRequest('4')">分布性</li> <li onmouseover="startRequest('5')">解释器通用性</li> <li onmouseover="startRequest('6')">健壮</li> <li onmouseover="startRequest('7')">多线程</li> <li onmouseover="startRequest('8')">高性能</li> 标签对象.innerHTML=text text：这个参数是替换标签内容的字符串。 var content=document.getElementById("content"); content.innerHTML=xmlhttp.responseText; <script type=

为了防止CSRF的攻击，我们建议修改浏览器在发送POST请求的时候加上一个Origin字段，这个Origin字段主要是用来标识出最初请求是从哪里发起的。如果浏览器不能确定源在哪里，那么在发送的请求里面Origin字段的值就为空。 隐私方面：这种Origin字段的方式比Referer更人性化，因为它尊重了用户的隐私。 1、Origin字段里只包含是谁发起的请求，并没有其他信息 (通常情况下是方案，主机和活动文档URL的端口)。跟Referer不一样的是，Origin字段并没有包含涉及到用户隐私的URL路径和请求内容，这个尤其重要。 2、Origin字段只存在于POST请求，而Referer则存在于所有类型的请求。 随便点击一个超链接（比如从搜索列表里或者企业intranet），并不会发送Origin字段，这样可以防止敏感信息的以外泄露。 在应对隐私问题方面，Origin字段的方法可能更能迎合用户的口味。 服务端要做的：用Origin字段的方法来防御CSRF攻击的时候，网站需要做到以下几点： 1、在所有能改变状态的请求里，包括登陆请求，都必须使用POST方法。对于一些特定的能改变状态的GET请求必须要拒绝，这是为了对抗上文中提到过的论坛张贴的那种危害类型。 2、对于那些有Origin字段但是值并不是我们希望的（包括值为空）请求，服务器要一律拒绝。比如

本次主要学习ajax的概念以及怎么与PHP之间进行交互操作 1.什么是Ajax？ 国内翻译常为“ 阿贾克斯 ”和阿贾克斯足球队同音， AJAX 是一种用于创建快速动态网页的技术，他不是新语言，而是一种使用现有标准的新方法。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新， 这样就可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 2.使用Ajax XMLHttpRequest 是 AJAX 的基础，用于和服务器交换数据。所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject） ①创建 XMLHttpRequest 对象 老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象 为了适应所有的现代浏览器 你可以加一个判断来实例化这个对象 [javascript] view plain copy print ? var xmlhttp; if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp= new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp= new ActiveXObject(

AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。 这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。 XHR对象的readyState属性： 0：未初始化。尚未调用open（）方法； 1：启动。已经调用open（）方法，但尚未调用send（）方法； 2：发送，已经调用send（）方法，但尚未接到相应； 3：接收，已经接收到部分响应数据； 4：完成，已经接收到全部响应数据，而且已经可以在客户端使用了。 XMLHttpRequest 是 AJAX 的基础。 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 创建XMLHttpRequest对象的语法： var myRequest=new XMLHttpRequest(); 老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象： var myRequest=new ActiveXObject("Microsoft.XMLHTTP"); 因此为了兼容新老浏览器： var xmlhttp; if (window

使用过.net中的局部刷新功能兄弟都知道,据我的认识,最用的是微软自己提供的和第三方提供组件.微软的提供的方法有两种,一种是VS2005提供的 UpdatePanel 组件,把updatepanel拖进页面,然后要进行局部刷新的内容(如gridview),只要在updatepanel这个容器里的控件都可以做到局部刷新;第二种方法是VS2003中就有的,即让页面的后代码类实现 ICallbackEventHandler 接口,该接口有两个方法, RaiseCallbackEvent 方法用于客户端处理传过来请求,其中参数是客户端传过来的(JS), GetCallbackResult (没有参数)用于服务器端返回给客户端的结果(text或XML),另外在Page_Load还必须向客户端注册向调用服务器端的脚本,客户端调用这个脚本中函数得到响应数据,具体的细节在这里就多讲了.第三方组件,我知道Ajaxpro,偶没用过.另外,不管是微软提供的还是第三方的方法,我注意到,在运行时向页面注册一些资源文件(js),即一些函数.当然单独注册在页面的也有. 在使用微软的方法实现局部刷新时,我发现一个问题,如果一个页面加载的数据量(2000条记录)很大时,我要刷新的局部数据量很少,只有数据库中的一条记录.异步刷新的速度很慢,和页面加载的数据量成正比,即页面数据量越大,本身整个页面加载的时间就越慢

　　最近在编网页的时候想实现在不跳转的情况下刷新当前页面。也就是客户端发送一个查询请求，在客户端不跳转当前页面的情况下，显示服务器返回的结果。 在网上找了下资料，发现ajax能做到这一点。 一、关于ajax ① ajax(asynchronouse javascript and xml) 异步的javascript 和 xml ② 是7种技术的综合,它包含了七个技术( javascript、 xml、xstl 、xhtml、 dom、 xmlhttprequest、 css), ajax 是一个粘合剂, ③ ajax是一个与服务端语言无关的技术. 即可以使用在(php/java ee/.net网站/ asp) ④ ajax可以给客户端返回三种格式数据(文本格式 ，xml , json格式) ⑤ 无刷新数据交换技术有以下: flash, java applet, 框架, iframe, ajax) 二、 ajax在什么地方用的多 1 动态加载数据，按需取得数据。【树形菜单、联动菜单…/省市联动】 2 改善用户体验。【输入内容前提示、带进度条文件上传…】 3 电子商务应用。【购物车、邮件订阅…】 4 访问第三方服务。 【访问搜索服务、rss阅读器】 5. 数据的布局刷新 三、使用ajax与服务器通信的的步骤 ① 创建一个XMLHttpRequest对象 ② 创建url,data,通过

一、Ajax 简介 　　1、概述 　　　　AJAX 即 “ A synchronous J avascript A nd X ML ” （异步 JavaScript 和 XML）， 是指一种创建交互式 网页 应用的网页开发技术。 　　　　Ajax 是一种浏览器通过 JavaScript 异步发起请求，在与服务器交换数据并更新部分网页的，即在不重新加载整个页面的情况下，局部更新页面的技术。 　　2、特点 　　　　（1）Ajax 请求的局部更新，浏览器地址栏不会发生变化； 　　　　（2）局部更新不会舍弃原来页面的内容； 二、Ajax XHR 　　1、XHR 创建对象：XMLHttpRequest 是 Ajax 的基础。 　　　　XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 　　　　创建 XMLHttpRequest 对象（所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象） var xhr = new XMLHttpRequest(); 　　　　老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象： var xhr2 = new ActiveXObject("Microsoft

关于ajax，是最近炒得非常火的一种技术，并且时下它也是非常流行。当然，它并不是什么新技术，而是在各种已有的技术和支持机制下的一个统一。在我的项目中，偶尔也会用到ajax，用来给用户一些无刷新的体验。用过几次之后，我个人决定对它的原理和运行机制做一个总结。 ajax这个名字据说是Asynchronous JavaScript + XML的简写，实际上，它由下列几种技术组合而成。 1.使用CSS和XHTML来表示。 2. 使用DOM模型来交互和动态显示。 3.使用XMLHttpRequest来和服务器进行异步通信。 4.使用javascript来绑定和调用。 ajax的原理 XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。简单的说，也就是javascript可以及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新的效果。 所以我们先从XMLHttpRequest讲起，来看看它的工作原理。 首先，我们先来看看XMLHttpRequest这个对象的属性。 它的属性有： onreadystatechange 每次状态改变所触发事件的事件处理程序。 responseText 从服务器进程返回数据的字符串形式。 responseXML 从服务器进程返回的DOM兼容的文档数据对象。 status 从服务器返回的数字代码，比如常见的404

关于ajax，是最近炒得非常火的一种技术，并且时下它也是非常流行。当然，它并不是什么新技术，而是在各种已有的技术和支持机制下的一个统一。在我的项目中，偶尔也会用到ajax，用来给用户一些无刷新的体验。用过几次之后，我个人决定对它的原理和运行机制做一个总结。 ajax这个名字据说是Asynchronous JavaScript + XML的简写，实际上，它由下列几种技术组合而成。 1.使用CSS和XHTML来表示。 2. 使用DOM模型来交互和动态显示。 3.使用XMLHttpRequest来和服务器进行异步通信。 4.使用javascript来绑定和调用。 ajax的原理 XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。简单的说，也就是javascript可以及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新的效果。 所以我们先从XMLHttpRequest讲起，来看看它的工作原理。 首先，我们先来看看XMLHttpRequest这个对象的属性。 它的属性有： onreadystatechange 每次状态改变所触发事件的事件处理程序。 responseText 从服务器进程返回数据的字符串形式。 responseXML 从服务器进程返回的DOM兼容的文档数据对象。 status 从服务器返回的数字代码，比如常见的404