xmlhttp

AJAX异步交互

孤者浪人 提交于 2020-03-29 05:17:08
什么是 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内容

有些话、适合烂在心里 提交于 2020-03-26 06:37:48
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=

Http referer origin

无人久伴 提交于 2020-03-23 20:34:20
为了防止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字段但是值并不是我们希望的(包括值为空)请求,服务器要一律拒绝。比如

PHP与Ajax的交互更新页面

纵饮孤独 提交于 2020-03-22 03:29:05
本次主要学习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

放肆的年华 提交于 2020-03-17 08:54:26
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

我的局部刷新

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

ajax----局部刷新

拈花ヽ惹草 提交于 2020-03-14 20:00:31
  最近在编网页的时候想实现在不跳转的情况下刷新当前页面。也就是客户端发送一个查询请求,在客户端不跳转当前页面的情况下,显示服务器返回的结果。 在网上找了下资料,发现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,通过

JavaScript 之 AJAX 请求

南楼画角 提交于 2020-03-14 19:39:25
一、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的原理和运行机制

半世苍凉 提交于 2020-03-14 10:06:27
关于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的原理和运行机制

谁说胖子不能爱 提交于 2020-03-13 11:02:48
关于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