看图理解 普通交互方式和Ajax交互方式区别_AJAX相关

Ajax引擎对象中的方法：

abort()　　停止当前请求
getAllResponseHeaders()　　 作为字符串返回完整的headers
getResponseHeader ("headerLabel")作为字符串返回单个的header标签
open("method","URL"[,asyncFlag[,"userName"[,"password"]]]) 建立对服务器的调用。method参数可以是GET、POST或PUT，url参数可以是相对URL或绝对URL

send(content) 向服务器发送请求
setRequestHeader("header","value") 把指定首部设置为所提供的值，在设置任何首部之前必须先调用open()

Aaja引擎对象中的属性

onreadystatechange　　 状态改变的事件触发器
readyState　　　　　 对象状态（integer）　
　　　 0=未初始化 1=读取中 2=已读取 3=交互中 4=完成
responseText　　服务器进程返回数据的文本版本
responseXML 服务器进程返回数据的兼容DOM的XML文档对象
status　　服务器返回的状态码，如：404=“文件未找到”、200=“成功”
statusText　　服务器返回的状态文本信息
使用Ajax请求服务器

需要使用Ajax引擎的方法

浏览器的普通交互方式

浏览器的Ajax交互方式

时间： 2024-10-22 16:15:54

看图理解 普通交互方式和Ajax交互方式区别_AJAX相关的相关文章

看图理解 普通交互方式和Ajax交互方式区别

Ajax引擎对象中的方法: abort() 停止当前请求 getAllResponseHeaders() 作为字符串返回完整的headers getResponseHeader ("headerLabel")作为字符串返回单个的header标签 open("method","URL"[,asyncFlag[,"userName"[,"password"]]]) 建立对服务器的调用.method参数可以是GE

图文解析AJAX的原理_AJAX相关

先上原理图:       背景:      1.传统的Web网站,提交表单,需要重新加载整个页面.      2.如果服务器长时间未能返回Response,则客户端将会无响应,用户体验很差.      3.服务端返回Response后,浏览器需要加载整个页面,对浏览器的负担也是很大的.      4.浏览器提交表单后,发送的数据量大,造成网络的性能问题. 问题:      1.如何改进?      2.AJAX是什么?      3.有什么优势?      4.有什么缺点? 一.什么是 AJAX

Ajax实现文件下载_AJAX相关

JQuery的ajax函数的返回类型只有xml.text.json.html等类型,没有"流"类型,所以我们要实现ajax下载,不能够使用相应的ajax函数进行文件下载.但可以用js生成一个form,用这个form提交参数,并返回"流"类型的数据.在实现过程中,页面也没有进行刷新. 1. 使用ajax,ajax的返回值类型是json,text,html,xml类型,或者可以说ajax的发送,接受都只能是string字符串,不能流类型,所以无法实现文件下载,强用会出现

jQuery下的Ajax调试步骤_AJAX相关

下面通过图文并茂的方式给大家介绍jQuery下的Ajax调试步骤 在Ajax的使用过程中,最舒服的是一步成功,最头痛的是不成功,但是不知道去哪里看错误,然后看到错误之后又是哪里出的问题,所以今天说一下Ajax的使用调试: 先给大家说下项目需求:工具/原料,jQuery.js,编辑器,Chrome浏览器,wamp搭建环境 具体实现方法和步骤请看下文: 第一步:在同一目录下创建ajax.html和ajax.php 第二步:编写ajax.html,注意修改文件编码为utf-8,代码如下: <!DOCT

基于HTML5的可预览多图片Ajax上传_AJAX相关

一.关于图片上传什么什么的 在XHTML的时代,我们使用HTML file控件上传图片一次只能上传一张.要一次上传多图,做法是借助于flash.例如swfupload.js.可惜,使用复杂的点,比如flash文件需与页面同父文件夹,JavaScript文件大小也很可观. 我之前曾翻译编辑过一篇"Ajax Upload多文件上传插件"的文章,此插件的亮点是使用隐藏的iframe框架页面模拟ajax上传,但是,实际上,还是一次只能上传1张图片,可以多次上传而已. HTML5是个好东东,其中

一个AJAX类代码_AJAX相关

基本用法: 复制代码 代码如下: var ajax = new AjaxObj(url); ajax.addListener(200, function(r){ alert(r); }); ajax.send(); 也可以连续调用: 复制代码 代码如下: var ajax = new AjaxObj(url).addListener(200, function(r){ alert(r); }).send(); 另外还支持自定义的POST或GET方式请求,以及监视不同的HTTP状态码,自己看代码琢

一个简单的AJAX请求类_AJAX相关

在给blog加上无刷新搜索和即时验证检测后,又看了下代码,感觉太过麻烦,就把XMLHttpRequest请求封装到一个类里面,用起来方便多了,不用记那么多代码,什么创建XMLHttpRequest对象什么的,这部分代码也是重用性比较高的-已经打包,在日志的末尾下载. 要看效果的话点开侧边栏里的日志搜索,里面有一个无刷新搜索,就是了,或者在阅读日志或留言簿里的注册码那里有即时检测,如果不输入验证码或者输错了验证码,输入框都会变红的^_^ 类名:AJAXRequest 创建方法:var ajaxob

php与ajax一些经验_AJAX相关

ajax不用多说了,就是一个异步回调的方法! 并且与服务器端的传输方式有用GET或POST等 我这里说的是当传送xml或json数据时, PHP与其他服务器端语言不同之处在于,他将请求的数据封装到了服务器变量中(可能说的不对) 这样对于使用者,可以很简单的就取得GET或POST的值 但是,当直接发送xml或json时,应该是一个数据流的形式发送到服务器! 但是PHP表面上并没有接收数据流的函数.这个问题困扰许久. (其他的语言,如asp/jsp都可以通过request组件接收数据流) 经过在网上

iframe式ajax调用示例_AJAX相关

1.新建 a.html 复制代码 代码如下: <!doctype html> <html> <head> <meta charset='utf-8'> <title>iframe式ajax调用</title> </head> <body> <form action='b.php' method='post' name='' id='' target='formTarget'> <input t