jQuery.ajax()的参数
options(可选)ObjectAJAX 请求设置。所有选项都是可选的。 asyncBoolean(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。beforeSend(XHR)Function发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头。XMLHttpRequest 对象是唯一的参数。这是一个 Ajax 事件。如果返回false可以取消本次ajax请求。function (XMLHttpRequest) { this; // 调用本次AJAX请求时传递的options参数}cacheBoolean(默认: true,dataType为script和jsonp时默认为false) jQuery 1.2 新功能,设置为 false 将不缓存此页面。complete(XHR, TS)Function请求完成后回调函数 (请求成功或失败之后均调用)。参数: XMLHttpRequest 对象和一个描述成功请求类型的字符串。 Ajax 事件。function (XMLHttpRequest, textStatus) { this; // 调用本次AJAX请求时传递的options参数}contentTypeString(默认: application/x-www-form-urlencoded) 发送信息至服务器时内容编码类型。默认值适合大多数情况。如果你明确地传递了一个content-type给 $.ajax() 那么他必定会发送给服务器(即使没有数据要发送)contextObject这个对象用于设置Ajax相关回调函数的上下文。也就是说,让回调函数内this指向这个对象(如果不设定这个参数,那么this就指向调用本次AJAX请求时传递的options参数)。比如指定一个DOM元素作为context参数,这样就设置了success回调函数的上下文为这个DOM元素。就像这样:$.ajax({ url: test.html, context: document.body, success: function(){ $(this).addClass(done);}});dataObject,String发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:[bar1, bar2]} 转换为 "&foo=bar1&foo=bar2"。dataFilterFunction给Ajax返回的原始数据的进行预处理的函数。提供data和type两个参数:data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。function (data, type) { // 对Ajax返回的原始数据进行预处理 return data // 返回处理后的数据}dataTypeString预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:xml: 返回 XML 文档,可用 jQuery 处理。html: 返回纯文本 HTML 信息;包含的script标签会在插入dom时执行。script: 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了cache参数。"""注意:"""在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)json: 返回 JSON 数据 。jsonp: JSONP 格式。使用 JSONP 形式调用函数时,如 myurl?callback=? jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。text: 返回纯文本字符串errorFunction(默认: 自动判断 (xml 或 html)) 请求失败时调用此函数。有以下三个参数:XMLHttpRequest 对象、错误信息、(可选)捕获的异常对象。如果发生了错误,错误信息(第二个参数)除了得到null之外,还可能是timeout, error, notmodified 和 parsererror。Ajax 事件。function (XMLHttpRequest, textStatus, errorThrown) { // 通常 textStatus 和 errorThrown 之中 // 只有一个会包含信息 this; // 调用本次AJAX请求时传递的options参数}globalBoolean(默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。ifModifiedBoolean(默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。在jQuery 1.4中,他也会检查服务器指定的"etag"来确定数据没有被修改过。jsonpString在一个jsonp请求中重写回调函数的名字。这个值用来替代在callback=?这种GET或POST请求中URL参数里的callback部分,比如{jsonp:"onJsonPLoad"}会导致将onJsonPLoad=?传给服务器。jsonpCallbackString为jsonp请求指定一个回调函数名。这个值将用来取代jQuery自动生成的随机函数名。这主要用来让jQuery生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存GET请求的时候,指定这个回调函数名。passwordString用于响应HTTP访问认证请求的密码processDataBoolean(默认: true) 默认情况下,通过data选项传递进来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型 application/x-www-form-urlencoded。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。scriptCharsetString只有当请求时dataType为jsonp或script,并且type是GET才会用于强制修改charset。通常只在本地和远程的内容编码不同时使用。successFunction请求成功后的回调函数。参数:由服务器返回,并根据dataType参数进行处理后的数据;描述状态的字符串。 Ajax 事件。function (data, textStatus) { // data 可能是 xmlDoc, jsonObj, html, text, 等等... this; // 调用本次AJAX请求时传递的options参数}traditionalBoolean如果你想要用传统的方式来序列化数据,那么就设置为true。请参考工具分类下面的jQuery.param 方法。timeoutNumber设置请求超时时间(毫秒)。此设置将覆盖全局设置。typeString(默认: GET) 请求方式 (POST 或 GET), 默认为 GET。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。urlString(默认: 当前页地址) 发送请求的地址。usernameString用于响应HTTP访问认证请求的用户名xhrFunction需要返回一个XMLHttpRequest 对象。默认在IE下是ActiveXObject 而其他情况下是XMLHttpRequest 。用于重写或者提供一个增强的XMLHttpRequest 对象。这个参数在jQuery 1.3以前不可用。 描述:加载并执行一个 JS 文件。jQuery 代码:$.ajax({ type: GET, url: test.js, dataType: script});描述:保存数据到服务器,成功时显示信息。jQuery 代码:$.ajax({ type: POST, url: some.php, data: name=John&location=Boston, success: function(msg){ alert( Data Saved: + msg ); }});描述:装入一个 HTML 网页最新版本。jQuery 代码:$.ajax({ url: test.html, cache: false, success: function(html){ $(#results).append(html); }});描述:同步加载数据。发送请求时锁住浏览器。需要锁定用户交互操作时使用同步方式。jQuery 代码: var html = $.ajax({ url: some.php, async: false }).responseText;描述:发送 XML 数据至服务器。设置 processData 选项为 false,防止自动转换数据格式。jQuery 代码:var xmlDocument = [create xml document]; $.ajax({ url: page.php, processData: false, data: xmlDocument, success: handleResponse });jQuery post实例代码:$.post(test.php,{name:name,pwd:pwd},function(msg){alert(msg);})test.php 里面用$_POST[name] 和$_POST[pwd]接收参数.$.post第一个参数是url,{}这里里面的是参数名称和值之间用:非开,多个值用,分开,最后一个是返回的函数msg就是返回的结果。根据自己的需要返回不用的数据。$.get和post一样,php接收的话改成$_GET[name]和$_GET[pwd]
ajax能不能发送https请求获取服务器数据
最简单的情况下,$.ajax() 可以不带任何参数直接使用。注意:所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。语法jQuery.ajax([settings])参数 描述settings 可选。用于配置 Ajax 请求的键值对集合。可以通过 $.ajaxSetup() 设置任何选项的默认值。参数options类型:Object可选。AJAX 请求设置。所有选项都是可选的。async类型:Boolean默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。beforeSend(XHR)类型:Function发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头。XMLHttpRequest 对象是唯一的参数。这是一个 Ajax 事件。如果返回 false 可以取消本次 ajax 请求。cache类型:Boolean默认值: true,dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。jQuery 1.2 新功能。complete(XHR, TS)类型:Function请求完成后回调函数 (请求成功或失败之后均调用)。参数: XMLHttpRequest 对象和一个描述请求类型的字符串。这是一个 Ajax 事件。contentType类型:String默认值: "application/x-www-form-urlencoded"。发送信息至服务器时内容编码类型。默认值适合大多数情况。如果你明确地传递了一个 content-type 给 $.ajax() 那么它必定会发送给服务器(即使没有数据要发送)。context类型:Object这个对象用于设置 Ajax 相关回调函数的上下文。也就是说,让回调函数内 this 指向这个对象(如果不设定这个参数,那么 this 就指向调用本次 AJAX 请求时传递的 options 参数)。比如指定一个 DOM 元素作为 context 参数,这样就设置了 success 回调函数的上下文为这个 DOM 元素。就像这样:$.ajax({ url: "test.html", context: document.body, success: function(){$(this).addClass("done"); }});dataObject类型:String发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 "&foo=bar1&foo=bar2"。dataFilter类型:Function给 Ajax 返回的原始数据的进行预处理的函数。提供 data 和 type 两个参数:data 是 Ajax 返回的原始数据,type 是调用 jQuery.ajax 时提供的 dataType 参数。函数返回的值将由 jQuery 进一步处理。dataType类型:String预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:u2022"xml": 返回 XML 文档,可用 jQuery 处理。u2022"html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。u2022"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)u2022"json": 返回 JSON 数据 。u2022"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。u2022"text": 返回纯文本字符串error类型:Function默认值: 自动判断 (xml 或 html)。请求失败时调用此函数。有以下三个参数:XMLHttpRequest 对象、错误信息、(可选)捕获的异常对象。如果发生了错误,错误信息(第二个参数)除了得到 null 之外,还可能是 "timeout", "error", "notmodified" 和 "parsererror"。这是一个 Ajax 事件。global
jQuery ajax success返回值类型与什么有关
$.ajax({type : function(jsonStr) {alert(jsonStr),dataType ;json",success : ".jsp”,url:http://www.baidu.com;}})这个回调函数中的参数 jsonStr是json格式的,请求后服务器端返回的数据会根据这个值解析后;,以执行回调函数,所以返回的数据必须是json的.cn/jquery/ajax_ajax,不然会出错
JQuery $.ajax 捕获异常信息
转自 : http://blog.csdn.net/wenle006/article/details/7022240 (默认: 自动判断 (xml 或 html)) 请求失败时调用时间。参数有以下三个:XMLHttpRequest 对象、错误信息、(可选)捕获的错误对象、XMLResponse对象。如果发生了错误,错误信息(第二个参数)除了得到null之外,还可能是"timeout", "error", "notmodified" 和 "parsererror"。 状态码 eg:python cgi+js: 前端调用python 已经print result了,但是前端并没有收到,依然pendding,一直是 Provisional headers are shown ,当结束进程时,前端返回200,此时会把之前的result打印出来并附带了cgi的头,如下:导致textStatus为parsererror 可以使用: chrome://net-internals/#events 查看问题
APICloud 社区api.ajax接口多个文件上传怎么传参
通过post请求上传,有两种方式,跟form表单通过file标签提交文件是一样的。1、一种是键值对的方式,也就是一个name对应一个file:api.ajax({ url: "http://host/upLoad", method: "post", report:true,//回调上传进度 data: { files: { file1: "/sdcard/a.png", file2: "/sdcard/b.png", file3: "/sdcard/c.png", } }}, function(ret, err) { if (ret) { console.log(JSON.stringify(ret)); } else { console.log(JSON.stringify(err)); }});2、另外一种是上传文件数组,这种方式你的服务器要配合做特殊的处理进行支持:api.ajax({ url: "http://host/upLoad", method: "post", report:true,//回调上传进度 data: { files: { images: ["/sdcard/a.png", "/sdcard/b.png", "/sdcard/c.png"] } }}, function(ret, err) { if (ret) { console.log(JSON.stringify(ret)); } else { console.log(JSON.stringify(err)); }});
AjaxValidator验证页怎么写
你这个返回datatype : "json",应该改成"html"还有参数你传递的是对象。。$("#username").val()啊、、谢谢。。
ajax返回的值怎么放进a标签的href里面
"<a href=">"+data[i].title+""></a>"
ajax怎么获取后台的数据?
ajax获取后台数据的方法很多!在此给你讲两种:第一种通过Ajax异步请求进行实现!具体方法包括:$.get() $.psot() $.AJax(),关于这三种方法的用法,请楼主参考http://www.w3school.com.cn/jquery/ajax_get.asp或者http://www.w3school.com.cn/jquery/ajax_post.asp或者http://www.w3school.com.cn/jquery/ajax_ajax.asp当然:这些资料都是W3C提供的,可能解决不了你的问题!如果你有兴趣,可以百度HI我!或者加我为QQ好友!我详细给你讲解一下!除了上述这些方法以外,你还可以用程序集来实现!你可以从网上下载一个名为:AjaxPro.2.dll的程序集!添加对其的引用就行了!关于这个程序集的用法,还请楼主认真学习!因为如果你学会了这种方法,想必$.get() $.post() $.Ajax()这些方法你都不想用了!因为这个程序集用起来的确很方便!具体用法请参考:http://www.cnblogs.com/IsNull-Soft/articles/2437550.html 如果有其他疑问,请致电:one_eight_nine_one_one_three_five_five_zero_eight_seven
请问Ajax如何获取回调函数的返回值?
你好!你的设计意图在引入ajax回调之后不可能实现了.按你的设计目的,我建议你这样改进: function Password_CallBack(response) { document.getElementById("hiddenPassword").value = response; //这里取消 return confirm("The password has been reset to " + response + " , do you want to send email?");//改为: if(confirm("The password has been reset to " + response + " , do you want to send email?")){//在这里再发起一次ajax请求,在server端实现发送email重置密码的通知.} }另一种解决方案是: public static string GetPassword()加一个bool类型的参数sendEmail,在server端直接实现发送email.在调用ajax请求GetPassword之前,先请用户 var sendEmail=confirm("The password has been reset to " + response + " , do you want to send email?");把confirm返回的结果作为参数传给GetPassword方法.最后 .一楼的解决方法看上去可行,但实际 运行时,A永远都是null.不会实现正确效果有问题请再联系我,
axios和ajax区别
1.区别axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。axios是ajax ajax不止axios。下面列出代码来对比一下:axios:axios({ url: "/getUsers", method: "get", responseType: "json", // 默认的 data: { //"a": 1, //"b": 2, } }).then(function (response) { console.log(response); console.log(response.data); }).catch(function (error) { console.log(error); })ajax:$.ajax({ url: "/getUsers", type: "get", dataType: "json", data: { //"a": 1, //"b": 2, }, success: function (response) { console.log(response); } })2.优缺点:ajax:本身是针对MVC的编程,不符合现在前端MVVM的浪潮基于原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案JQuery整个项目太大,单纯使用ajax却要引入整个JQuery非常的不合理(采取个性化打包的方案又不能享受CDN服务axios:从 node.js 创建 http 请求支持 Promise API客户端支持防止CSRF提供了一些并发请求的接口(重要,方便了很多的操作)
Ajax和API是什么?
AJAX : Asynchronous JavaScript and XML 异步JavaScript和XML技术API : Application Programming Interface应用程序接口
ajax用在哪些地方(求列举点实际应用的例子..)
哈,比如用户登录呀~点提交按钮提交留言呀~不需要页面缓存的地方~总之,需要提交的地方都可以玩异步提交
什么是ajax异步请求
在用户不知道的情况下发出的请求~
ajax 核心技术是什么?
核心是javascript调用XML的异步传输
ajax实现页面请求jsp数据,有大神能给写个例子么?
$.ajax({type:"POST",url:"${ctx}/stats/energyTrend!getElectricInfo.action",//请求地址data:{year:year,month:month},//传递参数json格式dataType:"json",//ajax返回类型还要html/text等success:function(data){//请求成功data为返回的数据}});
ajax怎样调用接口
"http://www.w3.org/TR/html4/loose.dtd"><</code>html><</code>head> <</code>meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <</code>title>Weibo</</code>title> <</code>script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></</code>script> <</code>script type="text/javascript"> $.ajax({ url: "https://api.weibo.com/2/users/show.json", type: "GET", dataType: "jsonp", data: { source:"appkey", uid: "自己微博的uid", count:"15" }, success: function(data) { alert(data.data.screen_name); alert(data.data.location); } }) </</code>script></</code>head><</code>body> <</code>div id="jsWeibo"></</code>div></</code>body></</code>html>
怎么用AJAX实现更新数据
// 使用jquery库// 客户端的脚本function ajaxsave(id){var url,data;url="server.asp";//这里是你的服务器文件data={action:"isread",id:id};$.post(url,data,function(result){if(result=="1"){document.getElementById("obj").value="已读";}else{document.getElementById("obj").value="未查看";}});}//========下面是server.asp页面代码=============dim actionaction=request.form("action")if action="isread" thencall DoRead()end ifsub DoRead()dim idid=request.form("id")// 这里添加你执行的代码if true then // 已读response.write("1")elseresponse.write("-1")end ifend sub// 客户端的result就在你server.asp的respose.write的内容
一个简单的Ajax例子?
/*****************JS************************/var xmlHttp = false; //定义一个变量用来存放XMLHttpRequest对象//检测用户名是否唯一的请求function createXmlHttpRequest(){ if(window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } if(!xmlHttp && typeof XMLHttpRequest != "undefined") { xmlHttp = new XMLHttpRequest(); }}/*=====================动态改变页面信息开始===================================*///动态改变页面function dynamicUpdate(){ createXmlHttpRequest(); var URL = "../ServerPage.aspx?task=reset"; xmlHttp.open("GET",URL,true); xmlHttp.onreadystatechange = dynamicUpdateInfo; xmlHttp.send(null);}//动态改变页面回调函数function dynamicUpdateInfo(){ if(xmlHttp.readyState == 4) { if(xmlHttp.status == 200) { setTimeout("pollServer()",5000); } }}/********************后台************************/protected void Page_Load(object sender, EventArgs e) { string task = Request.QueryString["task"].ToString();//处理 }
ajax技术实现原理是什么?
Ajax和服务器端技术毫不相关;DOM模型是Ajax最本质的技术;在使用Ajax控件前理解它们的实现;学好JavaScript ;Ajax点缀:CSS 。 观点一:Ajax和服务器端技术毫不相关 严格的说,与传统web开发相比,Ajax是完完全全的客户端技术。由于很多控件封装了客户端和服务器端的通信过程,因此很多问题也因通信而起。事实上,不论何种Ajax技术,服务器端都是返回的一个纯文本流,再由客户端来处理这个文本。这段文本可以是xml格式,也可以是一个Html片段,也可以是一段JavaScript脚本,或者仅是一个字符串。服务器端仅仅是作为一个数据接口,客户端使用XMLHttpRequest对象来请求这个页面,服务器端在页面内写入结果文本,这个过程和普通的web开发没有任何区别。所不同的只是,客户端在异步获取结果后,不是直接显示在页面,而是由客户端的Javascript脚本处理后再显示在页面。至于各种控件所谓的能返回DataSet对象,Date对象,或者其他的数据类型,都是封装了这个处理过程的结果。 观点二:DOM模型是Ajax最本质的技术 之所以没有把XMLHttpRequest列为最本质的技术,因为本人觉得它实在是太简单了,它只是可以让浏览器在后台请求一个页面,并将其内容交给JavaScript处理。真正的核心应该是:DOM模型,即文档对象模型。在DOM模型里,Html标记都被认为是一个对象,例如:div对象,table对象等等。DOM模型就规定了这些对象所具有的属性、方法和事件。通过这些性质,可以对一个已经显示于浏览器的页面进行内容的修改,例如增加节点、修改节点位置,删除节点等等。而不仅仅是一个innerHTML属性这么简单,虽然这是一个很有用的属性。 观点三:在使用Ajax控件前理解它们的实现 使用Ajax控件的确可以提高效率,但如果你空中楼阁般使用控件,那就得不偿失了。从一个控件换到另外一个控件又会有一个漫长的学习曲线。所以应该从底层了解其,况且Ajax实在不是什么高深的技术。其实任何东西的最底层其实都是简单的,但如果封装了这些底层的东西,事情会变得复杂和难以理解。以Asp.net为例,它的定制特性可以使得只要在方法前加上[ajax method]类似这样的标志就可以称为一个异步方法,相信这使得Asp.net的Ajax开发显得更加“高效”或者是“神秘”,而更多的事情则被封装了。同样记住一条,任何对服务器端的请求仅仅是返回纯文本,我们不一定要依赖于封装好的处理过程,而完全可以自己来实现。 观点四:学好JavaScript 在大多数人看来,JavaScript总不是那么一种正规的语言,随便copy一段就碰巧能运行,学过c之类的人,一看也能看懂,而且在浏览器中常常有脚本错误提示,所以潜意识觉得总不能付之以大任。事实上,要学好Ajax,这就完全是一种错误的看法。javascript作为一种脚本语言,其语法的确不是很严格,但并不妨碍其完成诸多复杂的任务,没有JavaScript,就没有Ajax。所以本人强烈建议,学Ajax前,一定要好好研究一番JavaScript,一般来讲,如果能顺利看懂prototype框架的代码(如:prototype-1.3.1.js),你的JavaScript水平就基本过关了。同时对DOM模型也可以算有一个基本的了解。 观点五:Ajax点缀:CSS 用JavaScript控制CSS其实很简单,基本上每个DOM对象都有一个style对象,只要把css属性里的"-"去掉,并让随后的字母变为大写就可以作为属性使用了,例如:element.style.backgroundColor="#f00";在css是:选择符 {background-color:#f00}
Ajax和jQuery有什么区别
ajax实现异步传输,jquery有ajax,只需要引入jquery.js就可以用了,无论是php asp jsp asp.net都可以用招聘上面:jquery是属于web前端设计师的!有文章: http://blog.csdn.net/iouxyz/archive/2010/06/24/5691050.aspx学会了javascritp 就很快可以学ajax和jquery(jquery包含ajax) 可以学纯的ajax也可以AJAXrequest,也可以学jquery(ajax)..
ajax请求有哪几种方式?
1. get() 方法通过远程 HTTP GET 请求载入信息。 // 1.创建 var ajax = new XMLHttpRequest(); // 2设置 ajax.open("get", "01.Ajax_get.php"); // 3.发送 ajax.send(); // 4.状态事件 ajax.onreadystatechange = function() { if (ajax.readyState == 4 && ajax.status == 200) { // 5.使用返回的数据 修改页面的内容 // responseText 返回的就是一个 字符串 // 我们 在ajax 中 如果 是通过 ajax.responseText 获取到的 统统都是字符串 console.log(ajax.responseText); } 2.post() 通过远程 HTTP POST 请求载入信息。这是一个简单的 POST 请求功能以取代复杂的$.ajax().请求成功时可调用回调函数。 //创建ajax实例 var ajax = new XMLHttpRequest(); // 使用post请求 ajax.open("post","ajax_post.php"); // 如果 使用post发送数据 必须 设置 如下内容 // 修改了 发送给 服务器的 请求报文的 内容 // 如果需要像 HTML 表单那样 POST 数据,请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据: ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded"); // 发送 // post请求 发送的数据 写在 send方法中 // 格式 name=jack&age=18 字符串的格式 ajax.send("name=jack&age=998"); // 注册事件 ajax.onreadystatechange = function () { if (ajax.readyState==4&&ajax.status==200) { console.log(ajax.responseText); } }
ajax和javascript有什么区别
ajax只不过就是JS里面的一个分支而已 只不过调用了一个XMLHTTP组件而已下面代码就是一个ajax 你觉得他和JS代码有没有什么区别? 根本没区别
Ajax的工作原理是什么?
【答案】:您好!Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。Ajax的工作原理:相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,从而达到节约ISP的空间及带宽租用成本的目的。
描述一次完整的Ajax请求过程
$.post(url,params,function(data){},"json");Jquery发送的post请求 参数1:请求路径 一般在页面中,发送数据到controller层参数2:发送过去的参数 获取到页面中的一些参数参数3:回调函数 请求成功,在controller层中对应的处理方法上面返回的数据参数4:请求和返回的数据类型 可以是json这个是jquery包装的post请求,原始的ajax请求比较麻烦,我一般用的都是jquery封装的ajax请求这个方法,一定要注意最后的一个参数<script type="text/javascript"> /*点击修改按钮,让市场价格,售价,库存,购买显示亮起来,可以输入数字 */ function updateSku(skuId) { $("#m" + skuId).attr("disabled", false); $("#p" + skuId).attr("disabled", false); $("#i" + skuId).attr("disabled", false); $("#l" + skuId).attr("disabled", false); } /*获取修改后的,sku中的数据 */ function addSku(skuId) { var m = $("#m" + skuId).attr("disabled", true).val(); var p = $("#p" + skuId).attr("disabled", true).val(); var i = $("#i" + skuId).attr("disabled", true).val(); var l = $("#l" + skuId).attr("disabled", true).val(); //保存 var url = "/product/updateSku.do"; var params = {"marketPrice" : m,"skuPrice" : p,"stockInventory" : i,"skuUpperLimit" : l,"id" : skuId }; $.post(url,params,function(data){ alert(data.message); },"json"); }</script>-------------------------------------------------------------------------------<td align="center"> <input type="text" id="m${sku.id}" name="marketPrice" value="${sku.marketPrice}" disabled="disabled" size="10" /></td><td align="center"> <input type="text" id="p${sku.id}" name="skuPrice" value="${sku.skuPrice}" disabled="disabled" size="10" /></td><td align="center"> <input type="text" id="i${sku.id}" name="stockInventory" value="${sku.stockInventory}" disabled="disabled" size="10" /></td><td align="center"> <input type="text" id="l${sku.id}" name="skuUpperLimit" value="${sku.skuUpperLimit}" disabled="disabled" size="10" /></td>-----------------------------------------------------------------------------------------------------------// 库存中的保存 @RequestMapping("/product/updateSku.do") public void updateSku(Sku sku, Model model, HttpServletResponse response) { // 修改 skuService.updateSkuByKey(sku); JSONObject jo = new JSONObject(); jo.put("message", "保存成功!"); // 将ajax请求,返回一个成功的信息 ResponseUtils.sendJson(response, jo.toString()); }
ajax的来历?
Ajax最初是2005年2月在国外被提出,2006年2月以后在国内有了突飞猛进的发展。Ajax是由Jesse James Garrett创造的,他说Ajax是“Asynchronous JavaScript + XML的简写”[17]。Adaptive Path公司的Jesse James Garrett这样定义Ajax:Ajax不是一种技术,实际上,它由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含: 基于XHTML和CSS标准的表示; 使用Document Object Model进行动态显示和交互; 使用XMLHttpRequest与服务器进行异步通信; 使用JavaScript绑定一切。
Ajax的核心是什么
JSAJAX其实就是JS..
什么是ajax,为什么要使用ajax
Ajax不是一种技术。实际上,它由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含:* 基于XHTML和CSS标准的表示;* 使用Document Object Model进行动态显示和交互;* 使用XMLHttpRequest与服务器进行异步通信;* 使用JavaScript绑定一切。
什么是AJAX,列举AJAX的常见应用
第一、请求的提交是为了页面数据的显示,这时候用户一般不希望看到页面的刷新,是使用AJAX的一个最佳时候。 第二、如果请求提交后,用户能从页面感觉到提交结果,这时候,也最好不要有页面刷新,推荐使用AJAX技术。 第三、如果请求提交后,用户不能从页面感觉到提交动作,如绝大多数时候的数据的增加和修改,这时候则需要页面刷新,不能使用AJAX技术。 第四、复杂的UI,以前对于复杂的C/S模式的UI,B/S模式一向采取逃避的方法,现在则可以放心大胆的使用AJAX来加以解决。 AJAX技术的实践,就像有了魔法一样,一旦你使用了一次,就会爱不释手。面对精彩的AJAX技术,还等什么?赶快看看您的WEB应用里,有没有下列问题之一,如果有的话,不妨用AJAX试试看! 第一、输入值校验的问题。 输入校验是我们经常遇到的问题,这种问题很多时候是可以在JS里解决。但有些时候却需要访问后台,如在申请用户的时候检查用户名是否重复等等问题。用AJAX吧,页面不会有刷新。 第二、级联显示的问题。这种问题应该是我们遇到的最多的表现层的问题,常常让我们左右为难:你说访问后台吧,页面需要刷新,用户体验很不好;你说用JS解决吧,确实有点让JS勉为其难,强行用JS解决了,代码一大堆不说,数据量大的话还会有内存问题,而且数据也不安全。 这类的问题很多:最常见的是级联的两个或更多的选择框,还有选择框的变形,级联菜单,导航树等等。 遇到了这一类的问题,赶快行动吧!用AJAX访问后台,既不需要刷新页面,也没有过多的JS代码,一举两得。 第三、请求结果只改变部分页面。 这一类的问题我们也会时常碰到,如,论坛的回复帖子和帖子列表在一个页面上的时候。这两个UI在一个页面上,用户体验比回复帖子在另外一个页面好。但回复后要对整个页面进行刷新,这种感觉就不好了。你看,那么大一个帖子列表,只增加你的一个回复,却要对整个页面进行刷新,不管从哪个角度来看都不好。 这一类的问题不管是用户体验,还是从技术的角度来讲,都是使用AJAX最好不过。 第四、由于技术原因而使用iframe的问题。 Iframe的问题纯粹是由于技术的原因引起的。为了解决技术问题而引入iframe,却iframe的一再嵌套却又引入了其他的技术难题。有的想尽办法来勉强解决这个问题,有的却干脆不要使用iframe。不使用iframe,而使用JS的解决方法却是繁琐的。现在不用左右为难了,使用AJAX就是最好的解决方案。 第五、数据录入和列表显示在同一个页面。 C/S模式的UI中常常有数据录入和数据列表显示在同一个界面上,这样对于用户来说有很好的用户体验,用户录入的结果马上就能在同一界面显示。但是在B/S的UI上,由于需要提交刷新的问题,我们经常把数据的录入和数据显示分别放在两个不同的页面上。很显然,这样的用户体验肯定没有C/S模式来得好。像这样的问题还有很多,在B/S模式下,都因为技术的原因而选择其他的解决办法。现在我们可以自豪的使用AJAX来宣告可以做出和C/S模式一样复杂的UI了。 第六、翻页问题。 如果有技术可以使翻页不需要刷新,你愿不愿意尝试一下呢?有很多这样的数据显示的问题需要刷新哦,考虑一下AJAX
ajax请求的五个步骤
品牌型号:Redmibook Pro 15 系统:Windows10 软件版本:Visual Studio Code1.60.0 以Visual Studio Code1.60.0,ajax请求的五个步骤,创建异步对象,设置请求方式和地址,用send发送请求,监听状态变化,接收返回的数据。 1 创建异步对象 <!-- 1第1步 创建异步对象 --> 首先,创建一个XMLHttpRequest异步对象。 2 设置请求方式和地址 <!-- 2第2步 设置请求方式和地址 --> 然后,设置请求方式和请求地址。 3 用send发送请求 <!-- 3第3步 用send发送请求 --> 接着,用send发送请求。 4 监听状态变化 <!-- 4第4步 监听状态变化 --> 然后,监听状态变化。 5 接收返回的数据 <!-- 5第5步 接收返回的数据 --> 最后,接收返回的数据。
$.ajax({ 的问题帮忙翻译一下是什么意思
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。国内翻译(仅音译)常为 “阿贾克斯” 和阿贾克斯足球队同音。这个术语源自描述从基于 Web 的应用到基于数据的应用的转换。在基于数据的应用中,用户需求的数据如联系人列表,可以从独立于实际网页的服务端取得并且可以被动态地写入网页中,给缓慢的Web应用体验着色使之像桌面应用一样。Ajax 的核心是 JavaScript 对象 XmlHttpRequest。该对象在 Internet Explorer 5 中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest 使您可以使用 JavaScript 向服务器提出请求并处理响应,而不阻塞用户。
js里面有$ajax()是什么意思?
jquery 的 ajax 实现方法,帮你实现异步传输
ajax获取数据的三种方式
方法一:javascript 方法二:引入jquery 方法三:引入jquery,分get和post方式 此外ajax有四个钩子函数:beforeSend(),success(),error(),complete(),欢迎各方大神指正
Ajax有什么好处?
ajax的特点是: 基于Web标准,使用文档对象模板(Document Object Model)作动态显示和交互;使用XML和XSLT进行数据交换及相关操作;
AJAX技术是什么,和JS的区别
javascript是一种在浏览器端执行的脚本语言,Ajax是一种创建交互式网页应用的开发技术 ,它是利用了一系列相关的技术其中就包括javascript。 Javascript是由网景公司开发的一种脚本语言,它和sun公司的java语言是没有任何关系的,它们相似的名称只是一种行销策略。 在一般的web开发中,javascript是在浏览器端执行的,我们可以用javascript控制浏览器的行为和内容。 Javascript的特性 1,控制文档的外观和内容 比如说新建一个htm文件,在里面写入上面的代码,用浏览器打开这个文件后,就会显示“今天是快乐的” 上面这段javascript代码的功能是将网页中所有的tr行的class样式都设为trstyle 2,与HTML表单的交互 其常见的用法就是用于表单的验证
Ajax工作原理是什么?
Ajax工作原理是提供与服务器异步通信的能力,从而使用户从请求/响应的循环中解脱出来。借助于Ajax,可以在用户单击按钮时,使用JavaScript和DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时,就可以使用JavaScript和CSS来相应地更新UI,而不是刷新整个页面。最重要的是,用户甚至不知道浏览器正在与服务器通信:Web站点看起来是即时响应的。Ajax,国内翻译常为“阿贾克斯”和阿贾克斯足球队同音。Web应用的交互如Flickr,Backpack和Google在这方面已经有质的飞跃。这个术语源自描述从基于Web的应用到基于数据的应用的转换。在基于数据的应用中,用户需求的数据如联系人列表,可以从独立于实际网页的服务端取得并且可以被动态地写入网页中,给缓慢的Web应用体验着色使之像桌面应用一样。
Ajax属于哪种语言?
AJAX 是浏览器语言,AJAX 不是一种新的编程语言,而是一种使用现有标准的新方法。
ajax是干什么用的?跟c#什么关系?
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 主要包含了以下几种技术Ajax(Asynchronous JavaScript + XML)的定义 基于web标准(standards-based presentation)XHTML+CSS的表示; 使用 DOM(Document Object Model)进行动态显示及交互; 使用 XML 和 XSLT 进行数据交换及相关操作; 使用 XMLHttpRequest 进行异步数据查询、检索; 使用 JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文。类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。 AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括:Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象,也不支持XSLT。与传统的web应用比较传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然后返回一个新的网页。这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。 与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的web service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。Ajax应用程序的优势在于:1. 通过异步模式,提升了用户体验2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。发展史该技术在1998年前后得到了应用。允许客户端脚本发送HTTP请求(XMLHTTP)的第一个组件由Outlook Web Access小组写成。该组件原属于微软Exchange Server,并且迅速地成为了Internet Explorer 4.0[3]的一部分。部分观察家认为,Outlook Web Access是第一个应用了Ajax技术的成功的商业应用程序,并成为包括Oddpost的网络邮件产品在内的许多产品的领头羊。但是,2005年初,许多事件使得Ajax被大众所接受。Google在它著名的交互应用程序中使用了异步通讯,如Google讨论组、Google地图、Google搜索建议、Gmail等。Ajax这个词由《Ajax: A New Approach to Web Applications》一文所创,该文的迅速流传提高了人们使用该项技术的意识。另外,对Mozilla/Gecko的支持使得该技术走向成熟,变得更为易用。优点和缺点使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。就像DHTML应用程序那样,Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。随着Ajax的成熟,一些简化Ajax使用方法的程序库也相继问世。同样,也出现了另一种辅助程序设计的技术,为那些不支持JavaScript的用户提供替代功能。对应用Ajax最主要的批评就是,它可能破坏浏览器后退按钮的正常行为[4]。在动态更新页面的情况下,用户无法回到前一个页面状态,这是因为浏览器仅能记下历史记录中的静态页面。一个被完整读入的页面与一个已经被动态修改过的页面之间的差别非常微妙;用户通常都希望单击后退按钮,就能够取消他们的前一次操作,但是在Ajax应用程序中,却无法这样做。不过开发者已想出了种种办法来解决这个问题,当中大多数都是在用户单击后退按钮访问历史记录时,通过建立或使用一个隐藏的IFRAME来重现页面上的变更。(例如,当用户在Google Maps中单击后退时,它在一个隐藏的IFRAME中进行搜索,然后将搜索结果反映到Ajax元素上,以便将应用程序状态恢复到当时的状态。)一个相关的观点认为,使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中。该问题的解决方案也已出现,大部分都使用URL片断标识符(通常被称为锚点,即URL中#后面的部分)来保持跟踪,允许用户回到指定的某个应用程序状态。(许多浏览器允许JavaScript动态更新锚点,这使得Ajax应用程序能够在更新显示内容的同时更新锚点。)这些解决方案也同时解决了许多关于不支持后退按钮的争论。进行Ajax开发时,网络延迟——即用户发出请求到服务器发出响应之间的间隔——需要慎重考虑。不给予用户明确的回应 [5],没有恰当的预读数据 [6],或者对XMLHttpRequest的不恰当处理[7],都会使用户感到延迟,这是用户不欲看到的,也是他们无法理解的[8]。通常的解决方案是,使用一个可视化的组件来告诉用户系统正在进行后台操作并且正在读取数据和内容。一些手持设备(如手机、PDA等)现在还不能很好的支持Ajax; 用JavaScript作的Ajax引擎,JavaScript的兼容性和DeBug都是让人头痛的事; Ajax的无刷新重载,由于页面的变化没有刷新重载那么明显,所以容易给用户带来困扰――用户不太清楚现在的数据是新的还是已经更新过的;现有的解决有:在相关位置提示、数据更新的区域设计得比较明显、数据更新后给用户提示等; 对串流媒体的支持没有FLASH、Java Applet好; Ajax的工作原理 Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。 在创建Web站点时,在客户端执行屏幕更新为用户提供了很大的灵活性。下面是使用Ajax可以完成的功能: 动态更新购物车的物品总数,无需用户单击Update并等待服务器重新发送整个页面。 提升站点的性能,这是通过减少从服务器下载的数据量而实现的。例如,在某购物车页面,当更新篮子中的一项物品的数量时,会重新载入整个页面,这必须下载整个页面的数据。如果使用Ajax计算新的总量,服务器只会返回新的总量值,因此所需的带宽仅为原来的百分之一。 消除了每次用户输入时的页面刷新。例如,在Ajax中,如果用户在分页列表上单击Next,则服务器数据只刷新列表而不是整个页面。 直接编辑表格数据,而不是要求用户导航到新的页面来编辑数据。对于Ajax,当用户单击Edit时,可以将静态表格刷新为内容可编辑的表格。用户单击Done之后,就可以发出一个Ajax请求来更新服务器,并刷新表格,使其包含静态、只读的数据。 一切皆有可能!但愿它能够激发您开始开发自己的基于Ajax的站点。然而,在开始之前,让我们介绍一个现有的Web站点,它遵循传统的提交/等待/重新显示的范例,我们还将讨论Ajax如何提升用户体验。 Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,从而达到节约ISP的空间及带宽租用成本的目的。
什么叫ajax跨域访问
ajax 技术使用xmlhttprequest组件附送请求时,发送请求的url和本网页的url地址必须在同一个域名下如果需要跨域,可以使用iframe或者<javascript src="url"></script>的方式
ajax有哪些常用的构成技术
1、XMLHTTPRequest Ajax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于XMLHTTP组件XMLHTTPRequest对象。这样就可以向再发桌面应用程序只同服务器进行数据层面的交换,而不用每次都刷新界面也不用每次将数据处理的工作提交给服务器来做,这样即减轻了服务器的负担又加快了响应速度、缩短了用户等候时间。 最早应用XMLHTTP的是微软,IE(IE5以上)通过允许开发人员在Web页面内部使用XMLHTTP ActiveX组件扩展自身的功能,开发人员可以不用从当前的Web页面导航而直接传输数据到服务器上或者从服务器取数据。这个功能是很重要的,因为它帮助减少了无状态连接的痛苦,它还可以排除下载冗余HTML的需要,从而提高进程的速度。Mozilla(Mozilla1.0以上及NetScape7以上)做出的回应是创建它自己的继承XML代理类:XMLHttpRequest类。Konqueror (和Safari v1.2,同样也是基于KHTML的浏览器)也支持XMLHttpRequest对象,而Opera也将在其v7.6x+以后的版本中支持XMLHttpRequest对象。对于大多数情况,XMLHttpRequest对象和XMLHTTP组件很相似,方法和属性也类似,只是有一小部分属性不支持。XMLHttpRequest的应用:XMLHttpRequest对象在JS中的应用var xmlhttp = new XMLHttpRequest();微软的XMLHTTP组件在JS中的应用var xmlhttp = new ActiveXObject(Microsoft.XMLHTTP);var xmlhttp = new ActiveXObject(Msxml2.XMLHTTP);XMLHttpRequest 对象方法if (typeof XMLHttpRequest == "undefined") {XMLHttpRequest = function () {var msxmls = ["MSXML3", "MSXML2", "Microsoft"]for (var i=0; i < msxmls.length; i++) {try {return new ActiveXObject(msxmls[i]+".XMLHTTP")} catch (e) { }}throw new Error("No XML component installed!")}}function createXMLHttpRequest() {try {// Attempt to create it "the Mozilla way"if (window.XMLHttpRequest) {return new XMLHttpRequest();}// Guess not - now the IE wayif (window.ActiveXObject) {return new ActiveXObject(getXMLPrefix() + ".XmlHttp");}}catch (ex) {}return false;};XMLHttpRequest 对象方法方法 描述abort() 停止当前请求getAllResponseHeaders() 作为字符串返问完整的headersgetResponseHeader("headerLabel") 作为字符串返问单个的header标签open("method","URL"[,asyncFlag[,"userName"[, "password"]]]) 设置未决的请求的目标 URL, 方法, 和其他参数send(content) 发送请求setRequestHeader("label", "value") 设置header并和请求一起发送XMLHttpRequest 对象属性属性 描述onreadystatechange 状态改变的事件触发器readyState 对象状态(integer):0 = 未初始化1 = 读取中2 = 已读取3 = 交互中4 = 完成responseText 服务器进程返回数据的文本版本responseXML 服务器进程返回数据的兼容DOM的XML文档对象status 服务器返回的状态码, 如:404 = "文件末找到" 、200 ="成功"statusText 服务器返回的状态文本信息 2、JavaScript JavaScript是一在浏览器中大量使用的编程语言,,他以前一直被贬低为一门糟糕的语言(他确实在使用上比较枯燥),以在常被用来作一些用来炫耀的小玩意和恶作剧或是单调琐碎的表单验证。但事实是,他是一门真正的编程语言,有着自已的标准并在各种浏览器中被广泛支持。 3、DOM Document Object Model。 DOM是给 HTML 和 XML 文件使用的一组 API。它提供了文件的结构表述,让你可以改变其中的内容及可见物。其本质是建立网页与 Script 或程序语言沟通的桥梁。 所有WEB开发人员可操作及建立文件的属性、方法及事件都以对象来展现(例如,document 就代表“文件本身“这个对像,table 对象则代表 HTML 的表格对象等等)。这些对象可以由当今大多数的浏览器以 Script 来取用。 一个用HTML或XHTML构建的网页也可以看作是一组结构化的数据,这些数据被封在DOM(Document Object Model)中,DOM提供了网页中各个对象的读写的支持。 4、XML 可扩展的标记语言(Extensible Markup Language)具有一种开放的、可扩展的、可自描述的语言结构,它已经成为网上数据和文档传输的标准。它是用来描述数据结构的一种语言,就正如他的名字一样。他使对某些结构化数据的定义更加容易,并且可以通过他和其他应用程序交换数据。 5、综合 Jesse James Garrett提到的Ajax引擎,实际上是一个比较复杂的JavaScript应用程序,用来处理用户请求,读写服务器和更改DOM内容。 JavaScript的Ajax引擎读取信息,并且互动地重写DOM,这使网页能无缝化重构,也就是在页面已经下载完毕后改变页面内容,这是我们一直在通过JavaScript和DOM在广泛使用的方法,但要使网页真正动态起来,不仅要内部的互动,还需要从外部获取数据,在以前,我们是让用户来输入数据并通过DOM来改变网页内容的,但现在,XMLHTTPRequest,可以让我们在不重载页面的情况下读写服务器上的数据,使用户的输入达到最少。 基于XML的网络通讯也并不是新事物,实际上FLASH和JAVA Applet都有不错的表现,现在这种富交互在网页上也可用了,基于标准化的并被广泛支持和技术,并且不需要插件或下载小程序。 Ajax是传统WEB应用程序的一个转变。以前是服务器每次生成HTML页面并返回给客户端(浏览器)。在大多数网站中,很多页面中至少90%都是一样的,比如:结构、格式、页头、页尾、广告等,所不同的只是一小部分的内容,但每次服务器都会生成所有的页面再返回给客户端,这无形之中是一种浪费,不管是对于用户的时间、带宽、CPU耗用,还是对于ISP的高价租用的带宽和空间来说。如果按一页来算,只能几K或是几十K可能并不起眼,但像SINA每天要生成几百万个页面的大ISP来说,可以说是损失巨大的。而AJAX可以所为客户端和服务器的中间层,来处理客户端的请求,并根据需要向服务器端发送请求,用什么就取什么、用多少就取多少,就不会有数据的冗余和浪费,减少了数据下载总量,而且更新页面时不用重载全部内容,只更新需要更新的那部分即可,相对于纯后台处理并重载的方式缩短了用户等待时间,也把对资源的浪费降到最低,基于标准化的并被广泛支持和技术,并且不需要插件或下载小程序,所以Ajax对于用户和ISP来说是双盈的。 Ajax使WEB中的界面与应用分离(也可以说是数据与呈现分离),而在以前两者是没有清晰的界限的,数据与呈现分离的分离,有利于分工合作、减少非技术人员对页面的修改造成的WEB应用程序错误、提高效率、也更加适用于现在的发布系统。也可以把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理。
ajax的工作流程是什么
1.客户端产生js的事件2.创建XMLHttpRequest对象3.对XMLHttpRequest进行配置4.通过AJAX引擎发送异步请求5.服务器端接收请求并且处理请求,返回html或者xml内容6.XML调用一个callback()处理响应回来的内容7.页面局部刷新
jquery中使用ajax的几种常用写法
第一种:$.ajax({ type: "POST", url: "ShowProduct.aspx/GetDHList", data: "{CategoryId:"" + CategoryId + ""}", contentType: "application/json;charset=utf-8", dataType: "json", success: function (data) { var item = eval(data.d); var StrHtml = ""; for (var i in item) {} }, async: false });第二种:$(document).ready(function(){ $("#b01").click(function(){ htmlobj=$.ajax({url:"/jquery/test1.txt",async:false}); $("#myDiv").html(htmlobj.responseText); });});第三种:$.ajax({ url: "test.html", context: document.body, success: function(){ $(this).addClass("done"); }});
Ajax的优点和缺点
Ajax的优点和缺点 使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。 对应用Ajax最主要的缺点就是,它可能破坏浏览器后退按钮的正常行为 因为Ajax中采用了xml技术,所以在Ajax中也可能问到XML的问题 拓展: 1、ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth、google suggest以及gmail等对ajax技术的广泛应用,催生了ajax的流行。而这也让微软感到无比的尴尬,因为早在97年,微软便已经发明了 ajax中的关键技术,并且在99年IE5推出之时,它便开始支持XmlHttpRequest对象,并且微软之前已经开始在它的一些产品中应用 ajax,比如说MSDN网站菜单中的一些应用。遗憾的是,不知道出于什么想法,当时微软发明了ajax的核心技术之后,并没有看到它的潜力而加以发展和推广,而是将它搁置起来。对于这一点来说,我个人是觉得非常奇怪的,因为以微软的资源和它的战略眼光来说,应该不会看不到ajax技术的前景,唯一的解释也许就是因为当时它的主要竞争对手Netscape的消失反而使它变得麻痹和迟钝,毕竟巨人也有打盹的时候,比如IBM曾经在对微软战略上的失误。正是这一次的失误,成就了它现在的竞争对手google在ajax方面的领先地位,而事实上google目前在ajax技术方面的"领先是微软所无法达到的,这一点在后面我讲述ajax缺陷的时候也会提到。现在微软也意识到了这个问题,因此它也开始在ajax领域奋起直追,比如说推出它自己的ajax框架 atlas,并且在.NET2.0也提供了一个用来实现异步回调的接口,即ICallBack接口。那么微软为什么对自己在ajax方面的落后如此紧张呢?现在就让我们来分析一下ajax技术后面隐藏的深刻意义。 2、ajax技术的意义 我们在平时的开发中都多多少少的接触或者应用到了ajax,谈到ajax技术的意义,我们关注得最多的毫无疑问是提升用户的体验。但是,如果我们结合将来电脑和互联网的发展趋势,我们会发现ajax技术在某些方面正好代表了这种趋势。为什么这样说呢?我们知道,自从电脑出现以来,一直是桌面软件占据着绝对主导的地位,但是互联网的出现和成功使这一切开始发生着微妙的变化。相当一部分的人都相信,迟早有一天,数据和电脑软件将会从桌面转移到互联网。也就是说,将来的电脑有可能抛弃笨重的硬盘,而直接从互联网来获取数据和服务,我记得我念大学的时候,有位教授给我们上课的时候,曾经设想过这样一种情景,也许在将来的电脑桌面上,没有任何多余的软件和程序,而仅仅只有一个IE,虽然现在看起来我们距离这一天还很遥远,并且这其中还有很多的问题需要解决,但是我觉得这个并非梦想,而是迟早将实现的现实。那么,这其中的主要问题就是互联网的连接不稳定,谁也不愿意看着自己的电脑从服务器一点一滴的下载数据,那么,ajax是不是解决了这个问题呢,说实话,与其说ajax解决了这个问题,倒不如它只是掩盖了这个问题,它只是在服务器和客户端之间充当了一个缓冲器,让用户误以为服务没有中断。精确的说,ajax并不能提高从服务器端下载数据的速度,而只是使这个等待不那么令人沮丧。但是正是这一点就足以产生巨大的影响和震动,它实际上也对桌面软件产生了巨大的冲击。这一点我用一个例子来说明,我们可以比较一下Outlook Express和Gmail,前者是典型的桌面软件,后者是ajax所实现的B/S模式,实际上后者目前已经在慢慢取代前者了,Gmail在收发邮件的时候已经和Outlook Express的功能几乎没有差别了,而且它不需要安装客户端程序。这就是为什么微软对ajax所带来的冲击有着如此的恐惧心理,并且在它前不久所进行的调查之中,将google看做他们未来十年内的主要竞争对手的主要原因之一。当然,这种变化也并不会将桌面软件全部淘汰,现有的浏览器还没有一个能像 PhotoShop等桌面程序那样处理复杂的图像。但是我们也不能忽视它带来的影响和冲击。 ;
Ajax的流程
Ajax(Asynchronous java and xml)就是异步JavaScript和XML.包括:1.使用XHTML和CSS标准化呈现;2.使用DOM实现动态显示和交互;3.使用XML和XSLT进行数据的交换和处理;4.使用XMLHttpRequest进行异步的数据读取;5.最后的JavaScript绑定和数据的处理所有数据;(一) 关于 XMLHttpRequest对象在使用这个对象向服务器端发送请求以及处理响应之前,要在JavaScript中创建一个该对象,然后通过这个对象来和服务器建立请求并接收服务器返回的数据.因此创建之前还必须进行浏览器的判断.看他是否支持ActiveX对象,如果不支持,则可以采用本地的JavaScript来创建.下面是个创建XMLHttpRequest对象的例子:var req;function createRequest(){if(window.ActiveXObject){ //进行判断了,TRUE代表有ActiveX对象req=new ActiveXObject("Microsoft.XMLHTTP");//进行判断了,TRUE代表有ActiveX对象}else if(window.XMLHttpRequest){req=new XMLHttpRequest();}}XMLHttpRequest发送请求的过程如下:1.创建一个XMLHttpRequest对象;2.为这个对象指定一个函数,来处理这个对象的状态变化.方法是设置这个对象的onreadystatechange属性,将某个函数付给这个属性就可以了;3.建立一个连接,XMLHttpRequest的open()方法会和服务器建立一个连接.4.向服务器发送请求,send()方法会把请求发送到指定的URL;例子如下:function sendRequest(callback,url){if(window.XMLHttpRequest){req=new XMLHttpRequest();req.onreadystatechange=callback;req.open("GET",url.true);req.send(null);}else if (window.ActiveXObject){req=new ActiveXObject("Microsoft.XMLHTTP");if(req){req.onreadystatechange=callback;req.open("GET",url.true);req.send(null);}}}
一分钟学会什么是Ajax及Ajax请求的五个步骤
一分钟学会是什么a什么什么请求我部长一分钟很难学会,我觉得你还是慢慢学吧,不要给自己那么大的压力
什么是AJAX跨域请求
假设你有两个站点www.a.com和www.b.com在a中用ajax向b发送请求,这就是跨域请求了。
ajax接口是什么
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 主要包含了以下几种技术: Ajax(Asynchronous JavaScript + XML)的定义 基于web标准(standards-based presentation)XHTML+CSS的表示; 使用 DOM(Document Object Model)进行动态显示及交互; 使用 XML 和 XSLT 进行数据交换及相关操作; 使用 XMLHttpRequest 进行异步数据查询、检索; 使用 JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文a 类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。 AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括:Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象,也不支持XSLT。与传统的web应用比较传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然后返回一个新的网页。这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。 与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的web service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。Ajax应用程序的优势在于:1. 通过异步模式,提升了用户体验2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。
AJAX是什么?如何在JavaScript中使用?
AJAX全称为Asynchronous JavaScript And XML直译就是异步的JavaScript和XML(这里我们主要介绍下JavaScript中AJAX的应用)通常当JavaScript向服务器发送请求获取数据时,服务器会返回数据。在传统没有使用AJAX的网页中,需要刷新页面使其重新加载。而AJAX可以使网页在不重新加载页面的情况下对网页的局部进行更新。(比如,当你要放大地图的时候,你会不断的向服务器请求地图当前位置的详细信息,服务器返回数据给你,这里我们并不需要重新加载整个页面,不然用户体验就太差了。而是局部更新页面。)由于我不可能在这写一个地图这样复杂的例子,而为了演示AJAX的使用,我借用了秒秒学的一个简单示例:// 简单的AJAX举例。// 1: 创建请求变量var myRequest;// 浏览器的特征检查。if (window.XMLHttpRequest) { //若支持,则是火狐、谷歌等浏览器。myRequest = new XMLHttpRequest();} else if (window.ActiveXObject) { // 若不支持, 则是IE浏览器。myRequest = new ActiveXObject("Microsoft.XMLHTTP");}// 2: 为请求添加事件处理代码。myRequest.onreadystatechange = function(){console.log("匿名函数被调用!");console.log(myRequest.readyState);if (myRequest.readyState === 4) {var p = document.createElement("p");var t = document.createTextNode(myRequest.responseText);p.appendChild(t);document.getElementById("mainContent").appendChild(p);}};// 3: 配置发送请求myRequest.open("GET", "simple.txt", true);myRequest.send(null);//....使用AJAX主要分三部分,如示例中的1、 创建请求的变量。在script文件中,首先声明XMLHttpRequest对象,这也是题主说的Ajax的核心。浏览器页面能通过XMLHttpRequest对象和服务器进行通讯。因为这个对象的创建因浏览器的不同而有区别。所以我们要用if语句判断XMLHttpRequest是否存在。2、 为请求添加事件处理代码创建好XMLHttpRequest对象后,就可以向服务器发送请求了,不过我们首先处理服务器响应的事件。当服务器响应后会触发myRequest对象的onreadystatechange事件。在onreadystatechange事件中我们看到myRequest调用了readyState属性,readyState有4个值表示目前响应所在的阶段,各数值表示如下:l 1:请求已经建立,但是还没有发送(还没有调用 send())。l 2:请求已发送,正在处理中(通常现在可以从响应中获取内容头)。l 3:请求在处理中;通常响应中已有部分数据可用了,但是服务器还没有完成响应的生成。l 4:响应已完成;您可以获取并使用服务器的响应了。我们一般只关心readyState的值为4的情况,表示响应已完成。3、 配置发送请求使用open方法配置请求。它有三个参数:1、第一个参数表示用GET获取服务器中的数据。2、第二个参数是一个服务器地址,这里我们用本地的simple.txt代替,省去创建服务器的麻烦。3、第三个参数true表示请求是异步的,即当请求发送后,JavaScript不会为了等待服务器的响应而阻塞,它会继续执行后续代码。配置好请求后,用send方法发送请求,这里给send传递的参数是null,若有其它参数需要发送,也可以传递给send方法。
JQuery中的ajax怎么传参到后台
把"hhhh"的双引号去掉
Ajax入门经典的目录
第1章Ajax简介1.1什么是Ajax1.1.1Ajax的应用1.1.2Ajax的全称1.2Ajax应用程序模型1.2.1使用Ajax的原因1.2.2Ajax不适合的场合1.2.3使用Ajax的条件1.3创建自己的Ajax1.4本章小结1.5练习第2章重温JavaScript2.1核心JavaScript2.1.1语法2.1.2变量2.1.3运算符2.1.4语句2.1.5函数2.2面向对象的JavaScript2.2.1内置对象2.2.2浏览器对象2.2.3用户自定义对象2.3文档对象模型2.3.1文档的家谱树结构2.3.2文档的节点树结构2.3.3用来访问对象的DOM方法2.3.4创建节点2.3.5另一种方案:innerHTML2.4JavaScript和事件2.4.1事件模型2.4.2事件注册程序2.4.3事件对象2.5本章小结2.6练习第3章Ajax和服务器端技术3.1Ajax和服务器端技术3.1.1表单和HTML控件3.1.2表单的提交模型3.1.3Ajax/JavaScript提交模型3.2服务器端的情况3.2.1向服务器提交数据3.2.2服务器接收请求3.3编写HTTP响应3.4服务器端技术3.4.1ASP.NET3.4.2使用AJAX和ASP.NET的示例3.5PHP3.6JavaServlet3.7应当使用哪种技术3.8本章小结3.9练习第4章Ajax技术4.1XMLHttpRequest对象4.2创建XMLHttpRequest对象4.2.1同步用法4.2.2异步用法4.2.3readyState属性4.2.4XMLHttpRequest的属性和方法4.2.5常见错误4.2.6更复杂的问题4.3POST方法4.4使用POST和GET方法的优缺点4.5其他Ajax技术4.5.1隐藏框架4.5.2隐藏的内联框架4.5.3动态脚本加载4.5.4图像和Cookie4.6本章小结4.7练习第5章XML的使用5.1XML基础5.1.1创建标记5.1.2XML语法5.1.3格式良好且有效的XML5.2使用JavaScript提取XML数据5.2.1使用节点5.2.2根据名称访问XML元素5.2.3访问属性值5.3使用CSS显示XML数据5.3.1使用CSS显示XML文档5.3.2在Ajax中使用CSS5.4本章小结5.5练习第6章调试与错误处理6.1JavaScript错误处理6.1.1处理异常6.1.2onerror事件处理程序6.1.3MozillaJavaScript控制台6.1.4MicrosoftScriptDebugger6.1.5Firebug6.2DOM检查器6.2.1FirefoxDOM检查器6.2.2IEDOMIspector6.2.3MouseoverDOMIspector(MODI)6.3Ajax故障诊断6.3.1使用Firebug控制台解决XMLHttpRequest问题6.3.2LiveHTTPHeaders6.3.3ieHTTPHeadersExplorerBar6.4本章小结6.5练习第7章Web服务、API和Mashup7.1什么是Web服务7.1.1公共Web服务7.1.2消费第三方Web服务7.2Web服务的结构7.2.1REST方法7.2.2SOAP方法7.3将Web服务集成到Ajax应用程序7.3.1使用XMLHttpRequest消费服务7.3.2同源策略7.3.3创建应用程序代理7.4使用脚本标记7.5未来替代方案7.6使用API7.7Web服务和API之间的区别7.8GoogleMapsAPI7.8.1GoogleMapsAPI密钥7.8.2Map对象7.8.3Geocode7.8.4XMLHttpRequest工厂方法7.9Mashup7.10Ajax和Mashup的关系7.11使用FlickrAPI7.11.1标记云(加权清单)7.11.2使用FlickrAPI密钥7.11.3创建示例应用程序7.11.4Flickr中的地理标记照片7.11.5显示来自Flickr的照片7.12本章小结7.13练习第8章XSLT和XPath8.1XSLT及其用途8.2XSLT元素8.2.1xsl:stylesheet8.2.2xsl:output8.2.3xsl:includes8.2.4xsl:template、xsl:apply-templates和xsl:call-template8.2.5xsl:if8.2.6xsl:choose8.2.7xsl:for-each8.2.8xsl:value-of8.2.9xsl:sort8.2.10xsl:variable8.3主要浏览器对XSLT的支持8.4执行一个转换8.4.1在IE中执行转换8.4.2在Firefox中执行转换8.4.3在服务器端执行转换8.5创建购物车的XSLT样式表8.6Xpath及其用途8.7Xpath的基本功能8.7.1XPath表达式8.7.2XPath函数8.8使用Xpath查询XML文档8.9使用XSLT和Ajax的购物车示例8.10本章小结8.11练习第9章模式9.1设计模式背景知识9.2表单验证9.2.1问题9.2.2模式9.3鼠标悬停模式9.3.1问题9.3.2模式9.4轮询服务器模式9.4.1问题9.4.2模式9.5拖放列表模式9.5.1问题9.5.2模式9.6错误处理模式9.6.1问题9.6.2模式9.7本章小结9.8练习第10章使用外部数据10.1使用XML新闻种子10.1.1RSS0.9x10.1.2RSS2.010.1.3RSS1.010.1.4Atom10.2从XML种子中提取数据10.2.1提取XML数据10.2.2提取字符串数据10.3使用Ajax构建在线种子阅读器10.4本章小结10.5练习第11章JSON11.1JSON语法11.1.1数据类型11.1.2对象字面量11.1.3数组字面量11.1.4使用JSON解析器11.2数据传输格式11.3Ajax和JSON11.3.1创建请求11.3.2解析响应11.3.3将JSON数据添加到页面11.4在PHP中使用JSON11.5本章小结11.6练习第12章高级示例:可排序列表12.1使用MySQL12.2创建数据库查询12.3编辑数据库记录12.4使用Scriptaculous实现拖放附录A 习题答案附录B Ajax资源:架构和库附录CJavaScript资源附录D JavaScript语言参考……
ajax和js和jquery 三者有什么关系
jquery是一个框架 它提供了一些函数接口, 可以简化ajax 以及js的操作ajax是一种思想 是一部js xmljs是一个编程语言 是脚本语言
AJAX技术是什么,和JS有什么区别?
AJAX就是“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。它不是一种语言,它算是一个多种语言共同协助的一个技术Ajax主要用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。Javascript是一个开发语言,在使用ajax技术中,需要使用到它Ajax和javascript的区别就是,,ajax是一种多技术的综合使用(其中包含了javascript),javascript只是一种脚本语言
ajax的发展史是什么?拜托各位大神
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 主要包含了以下几种技术 [编辑本段] Ajax(Asynchronous JavaScript + XML)的定义 基于web标准(standards-based presentation)XHTML+CSS的表示; 使用DOM(Document Object Model)进行动态显示及交互; 使用XML 和 XSLT 进行数据交换及相关操作; 使用XMLHttpRequest 进行异步数据查询、检索; 使用JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文。 类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。 AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括:Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象,也不支持XSLT。 与传统的web应用比较 [编辑本段] 传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然後返回一个新的网页。这个做法浪费了许多带宽,因为在前後两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。 与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的web service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。 Ajax应用程序的优势在于: 1. 通过异步模式,提升了用户体验 2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用 3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。 发展史 [编辑本段] 该技术在1998年前后得到了应用。允许客户端脚本发送HTTP请求(XMLHTTP)的第一个组件由Outlook Web Access小组写成。该组件原属于微软Exchange Server,并且迅速地成为了Internet Explorer 4.0[3]的一部分。部分观察家认为,Outlook Web Access是第一个应用了Ajax技术的成功的商业应用程序,并成为包括Oddpost的网络邮件产品在内的许多产品的领头羊。但是,2005年初,许多事件使得Ajax被大众所接受。Google在它著名的交互应用程序中使用了异步通讯,如Google讨论组、Google地图、Google搜索建议、Gmail等。Ajax这个词由《Ajax: A New Approach to Web Applications》一文所创,该文的迅速流传提高了人们使用该项技术的意识。另外,对Mozilla/Gecko的支持使得该技术走向成熟,变得更为易用。
jquery和ajax是什么关系
jquery 是JS的一个框架JS是网页的脚本语言AJAX是指一种创建交互式网页应用的网页开发技术
ajax做什么用?使用范围?
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.Web应用的交互如Flickr, Backpack和Google在这方面已经有质的飞跃。这个术语源自描述从基于网页的Web应用到基于数据的应用的转换。在基于数据的应用中,用户需求的数据如联系人列表,可以从独立于实际网页的服务端取得并且可以被动态地写入网页中,给缓慢的Web应用体验着色使之像桌面应用一样。 虽然大部分开发人员在过去使用过XMLHttp或者使用Iframe来加载数据,但仅到现在我们才看到传统的开发人员和公司开始采用这些技术。就像新的编程语言或模型伴随着更多的痛苦,开发人员需要学习新的技巧及如何最好利用这些新技术。我这有课件PPT,你要我给你看看
ajax的介绍
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。
什么是AJAX?
提高用户体验和交互,提高网页载入速度。有很多网页他们有相同之处,使用AJAX加载不同的地方,相同的地方就不用再加载,可以很大的提高网页载入速度。
AJAX是什么?都包含那些技术?
异步刷新技术,主要包含js,xml,json,jquery等等这些常用的技术,楼主自己写个例子就知道了
ajax是什么东西?
分类: 电脑/网络 >> 程序设计 >> 其他编程语言 问题描述: 如题` 解析: 术语Ajax用来描述一组技术,它使浏览器可以为用户提供更为自然的浏览体验。在Ajax之前,Web站点强制用户进入提交/等待/重新显示范例,用户的动作总是与服务器的“思考时间”同步。Ajax提供与服务器异步通信的能力,从而使用户从请求/响应的循环中解脱出来。借助于Ajax,可以在用户单击按钮时,使用JavaScript和DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时,就可以使用JavaScript和CSS来相应地更新UI,而不是刷新整个页面。最重要的是,用户甚至不知道浏览器正在与服务器通信:Web站点看起来是即时响应的。 虽然Ajax所需的基础架构已经出现了一段时间,但直到最近异步请求的真正威力才得到利用。能够拥有一个响应极其灵敏的Web站点确实激动人心,因为它最终允许开发人员和设计人员使用标准的HTML/CSS/JavaScript堆栈创建“桌面风格的(desktop-like)”可用性。 通常,在J2EE中,开发人员过于关注服务和持久性层的开发,以至于用户界面的可用性已经落后。在一个典型的J2EE开发周期中,常常会听到这样的话,“我们没有可投入UI的时间”或“不能用HTML实现”。但是,以下Web站点证明,这些理由再也站不住脚了:BackPack Google Suggest Google Maps PalmSphere 所有这些Web站点都告诉我们,Web应用程序不必完全依赖于从服务器重新载入页面来向用户呈现更改。一切似乎就在瞬间发生。简而言之,在涉及到用户界面的响应灵敏度时,基准设得更高了。 定义Ajax Adaptive Path公司的Jesse James Garrett这样定义Ajax: Ajax不是一种技术。实际上,它由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含: 基于XHTML和CSS标准的表示; 使用Document Object Model进行动态显示和交互; 使用XMLHttpRequest与服务器进行异步通信; 使用JavaScript绑定一切。 这非常好,但为什么要以Ajax命名呢?其实术语Ajax是由Jesse James Garrett创造的,他说它是“Asynchronous JavaScript + XML的简写”。 Ajax的工作原理 Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Inter Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。 在创建Web站点时,在客户端执行屏幕更新为用户提供了很大的灵活性。下面是使用Ajax可以完成的功能: 动态更新购物车的物品总数,无需用户单击Update并等待服务器重新发送整个页面。 提升站点的性能,这是通过减少从服务器下载的数据量而实现的。例如,在Amazon的购物车页面,当更新篮子中的一项物品的数量时,会重新载入整个页面,这必须下载32K的数据。如果使用Ajax计算新的总量,服务器只会返回新的总量值,因此所需的带宽仅为原来的百分之一。 消除了每次用户输入时的页面刷新。例如,在Ajax中,如果用户在分页列表上单击Next,则服务器数据只刷新列表而不是整个页面。 直接编辑表格数据,而不是要求用户导航到新的页面来编辑数据。对于Ajax,当用户单击Edit时,可以将静态表格刷新为内容可编辑的表格。用户单击Done之后,就可以发出一个Ajax请求来更新服务器,并刷新表格,使其包含静态、只读的数据。 一切皆有可能!但愿它能够激发您开始开发自己的基于Ajax的站点。然而,在开始之前,让我们介绍一个现有的Web站点,它遵循传统的提交/等待/重新显示的范例,我们还将讨论Ajax如何提升用户体验。 Ajax可用于那些场景?——一个例子:MSN Money页面 前几天,在浏览MSN Money页面的时候,有一篇关于房地产投资的文章引起了我的好奇心。我决定使用站点的“Rate this article”(评价本文)功能,鼓励其他的用户花一点时间来阅读这篇文章。在我单击vote按钮并等待了一会儿之后,整个页面被刷新,在原来投票问题所在的地方出现了一个漂亮的感谢画面。 而Ajax能够使用户的体验更加愉快,它可以提供响应更加灵敏的UI,并消除页面刷新所带来的闪烁。目前,由于要刷新整个页面,需要传送大量的数据,因为必须重新发送整个页面。如果使用Ajax,服务器可以返回一个包含了感谢信息的500字节的消息,而不是发送26,813字节的消息来刷新整个页面。即使使用的是高速Inter,传送26K和1/2K的差别也非常大。同样重要的是,只需要刷新与投票相关的一小节,而不是刷新整个屏幕。 让我们利用Ajax实现自己的基本投票系统。 原始的Ajax:直接使用XmlHttpRequest 如上所述,Ajax的核心是JavaScript对象XmlHttpRequest。下面的示例文章评价系统将带您熟悉Ajax的底层基本知识:tearesolutions/ajax-demo/raw-ajax。注:如果您已经在本地WebLogic容器中安装了ajax-demo.war,可以导航到localhost:7001/ajax-demo/raw-ajax, 浏览应用程序,参与投票,并亲眼看它如何运转。熟悉了该应用程序之后,继续阅读,进一步了解其工作原理细节。 首先,您拥有一些简单的定位点标记,它连接到一个JavaScriptcastVote(rank)函数。 function castVote(rank) { var url = "/ajax-demo/static-article-ranking"; var callback = processAjaxResponse; executeXhr(callback, url); } 该函数为您想要与之通信的服务器资源创建一个URL并调用内部函数executeXhr,提供一个回调JavaScript函数,一旦服务器响应可用,该函数就被执行。由于我希望它运行在一个简单的Apache环境中,“cast vote URL”只是一个简单的HTML页面。在实际情况中,被调用的URL将记录票数并动态地呈现包含投票总数的响应。 下一步是发出一个XmlHttpRequest请求: function executeXhr(callback, url) { branch for native XMLHttpRequest object if (window.XMLHttpRequest) { req = new XMLHttpRequest(); req.onreadystatechange = callback; req.open("GET", url, true); req.send(null); } branch for IE/Windows ActiveX version else if (window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); if (req) { req.onreadystatechange = callback; req.open("GET", url, true); req.send(); } } } 如您所见,执行一个XmlHttpRequest并不简单,但非常直观。和平常一样,在JavaScript领域,大部分的工作量都花在确保浏览器兼容方面。在这种情况下,首先要确定XmlHttpRequest是否可用。如果不能用,很可能要使用Inter Explorer,这样就要使用所提供的ActiveX实现。 executeXhr()方法中最关键的部分是这两行: req.onreadystatechange = callback; req.open("GET", url, true); 第一行定义了JavaScript回调函数,您希望一旦响应就绪它就自动执行,而req.open()方法中所指定的“true”标志说明您想要异步执行该请求。 一旦服务器处理完XmlHttpRequest并返回给浏览器,使用req.onreadystatechange指派所设置的回调方法将被自动调用。 function processAjaxResponse() { only if req shows "loaded" if (req.readyState == 4) { only if "OK" if (req.status == 200) { 502 502"votes").innerHTML = req.responseText; } else { alert("There was a problem retrieving the XML data: " + req.statusText); } } } 该代码相当简洁,并且使用了几个幻数,这使得难以一下子看出发生了什么。为了弄清楚这一点,下面的表格(引用自developer.apple/inter/webcontent/xmlreq)列举了常用的XmlHttpRequest对象属性。 属性 描述 onreadystatechange 每次状态改变所触发事件的事件处理程序 readyState 对象状态值: 0 = 未初始化(uninitialized) 1 = 正在加载(loading) 2 = 加载完毕(loaded) 3 = 交互(interactive) 4 = 完成(plete) responseText 从服务器进程返回的数据的字符串形式 responseXML 从服务器进程返回的DOM兼容的文档数据对象 status 从服务器返回的数字代码,比如404(未找到)或200(就绪) statusText 伴随状态码的字符串信息 现在processVoteResponse()函数开始显示出其意义了。它首先检查XmlHttpRequest的整体状态以保证它已经完成(readyStatus == 4),然后根据服务器的设定询问请求状态。如果一切正常(status == 200),就使用innerHTML属性重写DOM的“votes”节点的内容。 既然您亲眼看到了XmlHttpRequest对象是如何工作的,就让我们利用一个旨在简化JavaScript与Java应用程序之间的异步通信的框架来对具体的细节进行抽象。 Ajax: DWR方式 按照与文章评价系统相同的流程,我们将使用Direct Web Remoting(DWR)框架实现同样的功能。 假定文章和投票结果存储在一个数据库中,使用某种对象/关系映射技术来完成抽取工作。为了部署起来尽可能地简单,我们不会使用数据库进行持久性存储。此外,为使应用程序尽可能通用,也不使用Web框架。相反,应用程序将从一个静态HTML文件开始,可以认为它由服务器动态地呈现。除了这些简化措施,应用程序还应该使用Spring Framework关联一切,以便轻松看出如何在一个“真实的”应用程序中使用DWR。 现在应该下载示例应用程序并熟悉它。该应用程序被压缩为标准的WAR文件,因此您可以把它放置到任何一个Web容器中——无需进行配置。部署完毕之后,就可以导航到localhost:7001/ajax_demo/dwr-ajax来运行程序。 可以查看HTML 源代码,了解它如何工作。给人印象最深的是,代码如此简单——所有与服务器的交互都隐藏在JavaScript对象ajaxSampleSvc的后面。更加令人惊讶的是,ajaxSampleSvc服务不是由手工编写而是完全自动生成的!让我们继续,看看这是如何做到的。 引入DWR 如同在“原始的Ajax”一节所演示的那样,直接使用XmlHttpRequest创建异步请求非常麻烦。不仅JavaScript代码冗长,而且必须考虑服务器端为定位Ajax请求到适当的服务所需做的工作,并将结果封送到浏览器。 设计DWR的目的是要处理将Web页面安装到后端服务上所需的所有信息管道。它是一个Java框架,可以很轻松地将它插入到Web应用程序中,以便JavaScript代码可以调用服务器上的服务。它甚至直接与Spring Framework集成,从而允许用户直接向Web客户机公开bean。 DWR真正的巧妙之处是,在用户配置了要向客户机公开的服务之后,它使用反射来生成JavaScript对象,以便Web页面能够使用这些对象来访问该服务。然后Web页面只需接合到生成的JavaScript对象,就像它们是直接使用服务一样;DWR无缝地处理所有有关Ajax和请求定位的琐碎细节。
ajax技术是什么技术了?
分类: 电脑/网络 >> 互联网 问题描述: 他和WEB2.0有没有联系了? 解析: AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 主要包含了以下几种技术: Ajax(Asynchronous JavaScript + XML)的定义 基于web标准(standards-based presentation)XHTML+CSS的表示; 使用 DOM(Document Object Model)进行动态显示及交互; 使用 XML 和 XSLT 进行数据交换及相关操作; 使用 XMLHttpRequest 进行异步数据查询、检索; 使用 JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文a 类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/posite)的技术正在出现,如“AFLAX”。 AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括:Mozilla、Firefox、Inter Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象,也不支持XSLT。 与传统的web应用比较 传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然后返回一个新的网页。这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。 与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的web service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。 Ajax应用程序的优势在于: 1. 通过异步模式,提升了用户体验 2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用 3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。 Ajax的工作原理 Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Inter Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。 在创建Web站点时,在客户端执行屏幕更新为用户提供了很大的灵活性。下面是使用Ajax可以完成的功能: 动态更新购物车的物品总数,无需用户单击Update并等待服务器重新发送整个页面。 提升站点的性能,这是通过减少从服务器下载的数据量而实现的。例如,在某购物车页面,当更新篮子中的一项物品的数量时,会重新载入整个页面,这必须下载整个页面的数据。如果使用Ajax计算新的总量,服务器只会返回新的总量值,因此所需的带宽仅为原来的百分之一。 消除了每次用户输入时的页面刷新。例如,在Ajax中,如果用户在分页列表上单击Next,则服务器数据只刷新列表而不是整个页面。 直接编辑表格数据,而不是要求用户导航到新的页面来编辑数据。对于Ajax,当用户单击Edit时,可以将静态表格刷新为内容可编辑的表格。用户单击Done之后,就可以发出一个Ajax请求来更新服务器,并刷新表格,使其包含静态、只读的数据。 一切皆有可能!但愿它能够激发您开始开发自己的基于Ajax的站点。然而,在开始之前,让我们介绍一个现有的Web站点,它遵循传统的提交/等待/重新显示的范例,我们还将讨论Ajax如何提升用户体验。
AJAX是什么?
看了回答才知道自己孤陋寡闻啊。ajax是荷兰球队名字。
什么是 AJAX ?
AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。
AJAX是什么?
AsynchronousJavaScript+XML的缩写,与web2.0技术息息相关
AJAX的主要用途是什么?
异步获取服务器数据喽,不刷新页面的情况下更新数据
ajax是什么 什么是ajax
1、Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。 2、Ajax = 异步 JavaScript 和 XML 或者是 HTML(标准通用标记语言的子集)。 3、Ajax 是一种用于创建快速动态网页的技术。 4、Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 5、通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
ajax是什么 什么是ajax
1、Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。 2、Ajax = 异步 JavaScript 和 XML 或者是 HTML(标准通用标记语言的子集)。 3、Ajax 是一种用于创建快速动态网页的技术。 4、Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 5、通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
Ajax怎么用?麻烦说的详细些?
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 另外很多人对AJAX读音为阿甲克斯,正确读音应该为“ai jian ke si”(汉字拼音,其实应该是ai jai ke si ,但jai在汉字中没有此拼音) 主要包含了以下几种技术 Ajax(Asynchronous JavaScript + XML)的定义 基于web标准(standards-based presentation)XHTML+CSS的表示; 使用DOM(Document Object Model)进行动态显示及交互; 使用XML 和 XSLT 进行数据交换及相关操作; 使用XMLHttpRequest 进行异步数据查询、检索; 使用JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文,原文题目(Ajax: A New Approach to Web Applications)。 类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。 AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括:Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象,也不支持XSLT。 基础应用 创建XMLHttpRequest 方法如下 XMLHttpRequest 类首先由Internet Explorer以ActiveX对象引入,被称为XMLHTTP。 后来Mozilla﹑Netscape﹑Safari 和其他浏览器也提供了XMLHttpRequest类,不过它们创建XMLHttpRequest类的方法不同。 对于Internet Explorer浏览器: xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP.3.0"); //3.0或4.0, 5.0 xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP"); xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP"); 由于在不同Internet Explorer浏览器中XMLHTTP版本可能不一致,为了更好的兼容不同版本的Internet Explorer浏览器,因此我们需要根据不同版本的Internet Explorer浏览器来创建XMLHttpRequest类,上面代码就是根据不同的Internet Explorer浏览器创建XMLHttpRequest类的方法。 对于Mozilla﹑Netscape﹑Safari等浏览器 创建XMLHttpRequest 方法如下:xmlhttp_request = new XMLHttpRequest(); 如果服务器的响应没有XML mime-type header,某些Mozilla浏览器可能无法正常工作。 为了解决这个问题,如果服务器响应的header不是text/xml,可以调用其它方法修改该header。 xmlhttp_request = new XMLHttpRequest(); xmlhttp_request.overrideMimeType("text/xml"); 在实际应用中,为了兼容多种不同版本的浏览器,一般将创建XMLHttpRequest类的方法写成如下形式: try{ if( window.ActiveXObject ){ for( var i = 5; i; i-- ){ try{ if( i == 2 ){ xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" ); } else{ xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" ); xmlhttp_request.setRequestHeader("Content-Type","text/xml"); xmlhttp_request.setRequestHeader("Charset","gb2312"); } break;} catch(e){ xmlhttp_request = false; } } } else if( window.XMLHttpRequest ) { xmlhttp_request = new XMLHttpRequest(); if (xmlhttp_request.overrideMimeType) { xmlhttp_request.overrideMimeType("text/xml"); } } } catch(e){ xmlhttp_request = false; } 发送请求了 可以调用HTTP请求类的open()和send()方法,如下所示: xmlhttp_request.open("GET", URL, true); xmlhttp_request.send(null); open()的第一个参数是HTTP请求方式—GET,POST或任何服务器所支持的您想调用的方式。 按照HTTP规范,该参数要大写;否则,某些浏览器(如Firefox)可能无法处理请求。 第二个参数是请求页面的URL。 第三个参数设置请求是否为异步模式。如果是TRUE,JavaScript函数将继续执行,而不等待服务器响应。这就是"AJAX"中的"A"。 服务器的响应 这需要告诉HTTP请求对象用哪一个JavaScript函数处理这个响应。可以将对象的onreadystatechange属性设置为要使用的JavaScript的函数名,如下所示: xmlhttp_request.onreadystatechange =FunctionName; FunctionName是用JavaScript创建的函数名,注意不要写成FunctionName(),当然我们也可以直接将JavaScript代码创建在onreadystatechange之后,例如: xmlhttp_request.onreadystatechange = function(){ // JavaScript代码段 }; 首先要检查请求的状态。只有当一个完整的服务器响应已经收到了,函数才可以处理该响应。XMLHttpRequest 提供了readyState属性来对服务器响应进行判断。 readyState的取值如下: 0 (未初始化) 1 (正在装载) 2 (装载完毕) 3 (交互中) 4 (完成) 所以只有当readyState=4时,一个完整的服务器响应已经收到了,函数才可以处理该响应。具体代码如下: if (http_request.readyState == 4) { // 收到完整的服务器响应 } else { // 没有收到完整的服务器响应 } 当readyState=4时,一个完整的服务器响应已经收到了,接着,函数会检查HTTP服务器响应的状态值。完整的状态取值可参见W3C文档。当HTTP服务器响应的值为200时,表示状态正常。 处理从服务器得到的数据 有两种方式可以得到这些数据: (1) 以文本字符串的方式返回服务器的响应 (2) 以XMLDocument对象方式返回响应 http://baike.baidu.com/view/1641.htm 这里有详细介绍
Ajax的优缺点
优点:减轻服务器的负担,按需取数据,最大程度的减少冗余请求局部刷新页面,减少用户心理和实际的等待时间,带来更好的用户体验基于xml标准化,并被广泛支持,不需安装插件等进一步促进页面和数据的分离缺点:AJAX大量的使用了javascript和ajax引擎,这些取决于浏览器的支持.在编写的时候考虑对浏览器的兼容性.AJAX只是局部刷新,所以页面的后退按钮是没有用的.对流媒体还有移动设备的支持不是太好等
jquery的ajax默认是什么请求
ajax请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。
谁能够帮我详细的介绍一下ajax啊?
这个是我自己在学习的时候的笔记,给你看看。或许能理解。。。 AJAX是异步交互,在客户端与服务器只加引入一个媒介,从改变了同步交互过程中“处理--等待--处理--等待”的模式。 浏览器在执行任务时即装载了Ajax引擎。该引擎室js编写的,通常位于页面的框架中,负责转发客户端和服务器之间的交互。另外, 通过js调用AJAX引擎,可以使得页面不在被整体刷新,而仅仅更新用户需要的部分,不但避免了“白屏”现象,还大大节省了带快,加快了 web浏览的速度。 好处可以归纳为几点: 1.减轻服务器的负担,加快浏览速度。 2.带来更好的用户体验。 3.基于标准化并被广泛支持的技术,不需要下载插件或小程序。目前主流的浏览器都支持AJAX技术,使得它的推广十分顺畅。 4.进一步促进页面呈现书数据分离。AJAX获取服务器可以完全利用单独的模块进行操作,从而使得技术人员和美工人员能够更好的分工与配合。AJAX的组成部分:是由4中技术组成的。 JAVAScript:是通用的脚本语言,用来嵌入在某种应用之中。AJAX应用程序是用JAVASCRIPT编写的。 CSS:CSS为WEB页面元素提供了可视化样式的定义方法。AJAX应用中,用户界面的样式可以通过CSS独立修改。 DOM:通过JS修改DOM,AJAX应用程序可以再运行时改变用户界面,或者局部更新页面中的某个节点 XMLHttpRequest:XMLHttpRequest对象允许Web程序员从WEB服务器以后台的方式获取数据。数据的格式通常是XML,或者是文本。什么叫异步交互: 异步交互可以使页面同事处理多件事物,而传统的同步交互必须一件一件事情按顺序完成。 不太严谨的说,异步交互就是一个简单的多线程,它能够使用户同事进行多项操作而不间断。AJAX的的异步交互在后台默默地工作着,呈现给用户一个无刷新的页面。
ajax究竟是怎么回事?
ajax AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 主要包含了以下几种技术Ajax(Asynchronous JavaScript + XML)的定义 基于web标准(standards-based presentation)XHTML+CSS的表示; 使用 DOM(Document Object Model)进行动态显示及交互; 使用 XML 和 XSLT 进行数据交换及相关操作; 使用 XMLHttpRequest 进行异步数据查询、检索; 使用 JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文。类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。 AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括:Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象,也不支持XSLT。与传统的web应用比较传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然后返回一个新的网页。这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。 与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的web service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快 的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。Ajax应用程序的优势在于:1. 通过异步模式,提升了用户体验2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。Ajax的工作原理Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不 阻塞用户。在创建Web站点时,在客户端执行屏幕更新为用户提供了很大的灵活性。下面是使用Ajax可以完成的功能:动态更新购物车的物品总数,无需用户单击Update并等待服务器重新发送整个页面。 提升站点的性能,这是通过减少从服务器下载的数据量而实现的。例如,在某购物车页面,当更新篮子中的一项物品的数量时,会重新载入整个页面,这必须下载整 个页面的数据。如果使用Ajax计算新的总量,服务器只会返回新的总量值,因此所需的带宽仅为原来的百分之一。 消除了每次用户输入时的页面刷新。例如,在Ajax中,如果用户在分页列表上单击Next,则服务器数据只刷新列表而不是整个页面。 直接编辑表格数据,而不是要求用户导航到新的页面来编辑数据。对于Ajax,当用户单击Edit时,可以将静态表格刷新为内容可编辑的表格。用户单击Done之后,就可以发出一个Ajax请求来更新服务器,并刷新表格,使其包含静态、只读的数据。一切皆有可能!但愿它能够激发您开始开发自己的基于Ajax的站点。然而,在开始之前,让我们介绍一个现有的Web站点,它遵循传统的提交/等待/重新显示的范例,我们还将讨论Ajax如何提升用户体验。Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,从而达到节约ISP的空间及带宽租用成本的目的。我们以两个验证通行证帐号是否存在的例子来讲述AJAX在实际中的应用:(1)用文本字符串的方式返回服务器的响应来验证网易通行证帐号是否存在; (2)以XMLDocument对象方式返回响应来验证金山通行证帐号是否存在;首先,我们需要用JavaScript来创建XMLHttpRequest 类向服务器发送一个HTTP请求, XMLHttpRequest 类首先由Internet Explorer以ActiveX对象引入,被称为XMLHTTP。 后来Mozilla、Netscape、Safari 和其他浏览器也提供了XMLHttpRequest类,不过它们创建XMLHttpRequest类的方法不同。对于Internet Explorer浏览器,创建XMLHttpRequest 方法如下:xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP.3.0"); //3.0或4.0, 5.0 xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP"); xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP"); 由于在不同Internet Explorer浏览器中XMLHTTP版本可能不一致,为了更好的兼容不同版本的Internet Explorer浏览器,因此我们需要根据不同版本的Internet Explorer浏览器来创建XMLHttpRequest类,上面代码就是根据不同的Internet Explorer浏览器创建XMLHttpRequest类的方法。对于Mozilla、Netscape、Safari等浏览器,创建XMLHttpRequest 方法如下:xmlhttp_request = new XMLHttpRequest();如果服务器的响应没有XML mime-type header,某些Mozilla浏览器可能无法正常工作。 为了解决这个问题,如果服务器响应的header不是text/xml,可以调用其它方法修改该header。xmlhttp_request = new XMLHttpRequest(); xmlhttp_request.overrideMimeType("text/xml"); 在实际应用中,为了兼容多种不同版本的浏览器,一般将创建XMLHttpRequest类的方法写成如下形式:try{ if( window.ActiveXObject ){ for( var i = 5; i; i-- ){ try{ if( i == 2 ){ xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" ); }else{ xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" ); } xmlhttp_request.setRequestHeader("Content-Type","text/xml"); xmlhttp_request.setRequestHeader("Content-Type","gb2312"); break;} catch(e){ xmlhttp_request = false; } } }else if( window.XMLHttpRequest ){ xmlhttp_request = new XMLHttpRequest(); if (xmlhttp_request.overrideMimeType) { xmlhttp_request.overrideMimeType("text/xml"); } } }catch(e){ xmlhttp_request = false; } 在定义了如何处理响应后,就要发送请求了。可以调用HTTP请求类的open()和send()方法,如下所示:xmlhttp_request.open("GET", URL, true); xmlhttp_request.send(null); open()的第一个参数是HTTP请求方式—GET,POST或任何服务器所支持的您想调用的方式。 按照HTTP规范,该参数要大写;否则,某些浏览器(如Firefox)可能无法处理请求。 第二个参数是请求页面的URL。第三个参数设置请求是否为异步模式。如果是TRUE,JavaScript函数将继续执行,而不等待服务器响应。这就是"AJAX"中的"A"。用JavaScript来创建XMLHttpRequest 类向服务器发送一个HTTP请求后,接下来要决定当收到服务器的响应后,需要做什么。这需要告诉HTTP请求对象用哪一个JavaScript函数处理这 个响应。可以将对象的onreadystatechange属性设置为要使用的JavaScript的函数名,如下所示:xmlhttp_request.onreadystatechange =FunctionName;FunctionName是用JavaScript创建的函数名,注意不要写成FunctionName(),当然我们也可以直接将JavaScript代码创建在onreadystatechange之后,例如:xmlhttp_request.onreadystatechange = function(){// JavaScript代码段};首先要检查请求的状态。只有当一个完整的服务器响应已经收到了,函数才可以处理该响应。XMLHttpRequest 提供了readyState属性来对服务器响应进行判断。readyState的取值如下: 0 (未初始化) 1 (正在装载) 2 (装载完毕) 3 (交互中) 4 (完成)所以只有当readyState=4时,一个完整的服务器响应已经收到了,函数才可以处理该响应。具体代码如下:if (http_request.readyState == 4) { // 收到完整的服务器响应 } else { // 没有收到完整的服务器响应 }当readyState=4时,一个完整的服务器响应已经收到了,接着,函数会检查HTTP服务器响应的状态值。完整的状态取值可参见W3C文档。当HTTP服务器响应的值为200时,表示状态正常。在检查完请求的状态值和响应的HTTP状态值后,就可以处理从服务器得到的数据了。有两种方式可以得到这些数据:(1) 以文本字符串的方式返回服务器的响应(2) 以XMLDocument对象方式返回响应实例一: 用文本字符串的方式返回服务器的响应来验证网易通行证帐号是否存在首先,我们登陆网易通行证注册页面,可以看到检测用户名是否存在是将用户名提交给checkssn.jsp页面进行判断,格式为:reg.163.com/register/checkssn.jsp?username=用户名 根据上面讲到的方法,我们可以利用AJAX技术对网易通行证用户名进行检测:第一步:新建一个基于Xhtml标准的网页,在区域插入Javascript函数如下:function getXMLRequester( ){ var xmlhttp_request = false; try{ if( window.ActiveXObject ){ for( var i = 5; i; i-- ){ try{ if( i == 2 ){ xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" ); }else{ xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" ); xmlhttp_request.setRequestHeader("Content-Type","text/xml"); xmlhttp_request.setRequestHeader("Content-Type","gb2312"); }break;} catch(e){ xmlhttp_request = false; } } }else if( window.XMLHttpRequest ){ xmlhttp_request = new XMLHttpRequest();if (xmlhttp_request.overrideMimeType){ xmlhttp_request.overrideMimeType("text/xml"); } } }catch(e){ xmlhttp_request = false; } return xmlhttp_request ; } function IDRequest(n) { //定义收到服务器的响应后需要执行的JavaScript函数url=n+document.getElementById("163id").value;//定义网址参数xmlhttp_request=getXMLRequester();//调用创建XMLHttpRequest的函数xmlhttp_request.onreadystatechange = doContents;//调用doContents函数xmlhttp_request.open("GET", url, true); xmlhttp_request.send(null); } function doContents() { if (xmlhttp_request.readyState == 4) {// 收到完整的服务器响应 if (xmlhttp_request.status == 200) {//HTTP服务器响应的值OKdocument.getElementById("message").innerHTML = xmlhttp_request.responseText; //将服务器返回的字符串写到页面中ID为message的区域 } else { alert(http_request.status); } } } 在区域建立一个文本框,id为163id,再建一个id为messsge的空白区域用来显示返回字符串(也可以通过Javascript函数截取一部分字符串显示): <input type=text id="163id"><span id="message"></span>这样,一个基于AJAX技术的用户名检测页面就做好了,不过这个页面将返回服务器响应生成页面的所有字符串,当然还可以对返回的字符串进行一些操作,便于应用到不同的需要当中。实例二: 以XMLDocument对象方式返回响应来验证金山通行证帐号是否存在在上面的例子中,当服务器对HTTP请求的响应被收到后,我们会调用请求对象的reponseText属性。该属性包含了服务器返回响应文件的内容。现在 我们以XMLDocument对象方式返回响应,此时将不再需要reponseText属性而使用responseXML属性。首先登陆金山通行证注册页面,我们发现金山通行证用户名的检测方式为: pass.kingsoft.com/ksgweb/jsp/login/uid.jsp?uid=用户名,并且返回XML数据:isExistedUid -2 当result值为-1时表示此用户名已被注册,当result值为-2时表示此用户名尚未注册,因此通过对result值的判断可以知道用户名是否被注册。对上例代码进行修改:首先找到document.getElementById("message").innerHTML = xmlhttp_request.responseText;改为:var response = xmlhttp_request.responseXML.documentElement;var result = response.getElementsByTagName("result")[0].firstChild.data;//返回result节点数据if(result ==-2){document.getElementById("message").innerHTML = "用户名"+document.getElementById("163id").value+"尚未注册";}else if(result ==-1){document.getElementById("message").innerHTML = "对不起,用户名"+document.getElementById("163id").value+"已经注册";}通过以上两个实例说明了AJAX的客户端基础应用,采用的是网易和金山现成的服务器端程序,当然为了开发合适自己页面的程序,还需要对自己编写服务器端程序,这设计到程序语言及数据库的操作,对于有一定程序基础的读者一定不是很难的事情。
jquery怎样简写ajax?
http://www.44lanweb.com/lan_browser/jq/jq_ajax.aspx楼主看看
html 中能够使用ajax吗?
当然可以啊,得看你的需求
什么叫AJAX技术?
作为J2EE开发人员,我们似乎经常关注“后端机制(backend mechanics)”。我们通常会忘记,J2EE的主要成功之处在Web应用程序方面;许多原因使得人们喜欢利用Web开发应用程序,但主要还是因为其易于部署的特点允许站点以尽可能低的成本拥有上百万的用户。遗憾的是,在过去几年中,我们在后端投入了太多的时间,而在使我们的Web用户界面对用户自然和响应灵敏方面却投入不足。本文介绍一种方法,Ajax,使用它可以构建更为动态和响应更灵敏的Web应用程序。该方法的关键在于对浏览器端的JavaScript、DHTML和与服务器异步通信的组合。本文也演示了启用这种方法是多么简单:利用一个Ajax框架(指DWR)构造一个应用程序,它直接从浏览器与后端服务进行通信。如果使用得当,这种强大的力量可以使应用程序更加自然和响应灵敏,从而提升用户的浏览体验。该应用程序中所使用的示例代码已打包为单独的WAR文件,可供下载。简介术语Ajax用来描述一组技术,它使浏览器可以为用户提供更为自然的浏览体验。在Ajax之前,Web站点强制用户进入提交/等待/重新显示范例,用户的动作总是与服务器的“思考时间”同步。Ajax提供与服务器异步通信的能力,从而使用户从请求/响应的循环中解脱出来。借助于Ajax,可以在用户单击按钮时,使用JavaScript和DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时,就可以使用JavaScript和CSS来相应地更新UI,而不是刷新整个页面。最重要的是,用户甚至不知道浏览器正在与服务器通信:Web站点看起来是即时响应的。虽然Ajax所需的基础架构已经出现了一段时间,但直到最近异步请求的真正威力才得到利用。能够拥有一个响应极其灵敏的Web站点确实激动人心,因为它最终允许开发人员和设计人员使用标准的HTML/CSS/JavaScript堆栈创建“桌面风格的(desktop-like)”可用性。通常,在J2EE中,开发人员过于关注服务和持久性层的开发,以至于用户界面的可用性已经落后。在一个典型的J2EE开发周期中,常常会听到这样的话,“我们没有可投入UI的时间”或“不能用HTML实现”。但是,以下Web站点证明,这些理由再也站不住脚了:BackPack Google Suggest Google Maps PalmSphere 所有这些Web站点都告诉我们,Web应用程序不必完全依赖于从服务器重新载入页面来向用户呈现更改。一切似乎就在瞬间发生。简而言之,在涉及到用户界面的响应灵敏度时,基准设得更高了。定义AjaxAdaptive Path公司的Jesse James Garrett这样定义Ajax:Ajax不是一种技术。实际上,它由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含:基于CSS标准的表示; 使用Document Object Model进行动态显示和交互; 使用XMLHttpRequest与服务器进行异步通信; 使用JavaScript绑定一切。 这非常好,但为什么要以Ajax命名呢?其实术语Ajax是由Jesse James Garrett创造的,他说它是“Asynchronous JavaScript + XML的简写”。参考网页:http://www.hongxuecn.com/show.aspx?id=546&cid=77http://blog.csdn.net/kokuka/category/174876.aspxhttp://dev2dev.bea.com.cn/techdoc/2005110103.html
什么是AJAX?
AJAX是一种用于创建快速动态网页的技术。 AJAX即“AsynchronousJavascriptAndXML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX=异步JavaScript和XML(标准通用标记语言的子集)。 通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 传统的网页(不使用AJAX)如果需要更新内容,必须重载整个网页页面。 中文名:阿贾克斯 外文名:AsynchronousJavascriptAndXML 表达式:ajax 应用学科:IT 适用领域:范围程序 适用领域范围:web前端开发
ajax请求的五个步骤
ajax请求的五个步骤:电脑:华为MateBook14系统:Windows10软件:sublime_text31、首先,创建一个XMLHttpRequest异步对象。2、然后,设置请求方式和请求地址。3、接着,用send发送请求。4、然后,监听状态变化。5、最后,接收返回的数据。
ajax怎么返回值?
这个是因为在执行success函数或者error函数时,上下文已经被切换了。ret在success或者error中就变成未定义的了。可以将其命名为全局变量。
AJAX,JSP有谁能完整的解释一下具体意思吗?
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 主要包含了以下几种技术Ajax(Asynchronous JavaScript + XML)的定义 基于web标准(standards-based presentation)XHTML+CSS的表示; 使用 DOM(Document Object Model)进行动态显示及交互; 使用 XML 和 XSLT 进行数据交换及相关操作; 使用 XMLHttpRequest 进行异步数据查询、检索; 使用 JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文。类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。 AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括:Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象,也不支持XSLT。与传统的web应用比较传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然後返回一个新的网页。这个做法浪费了许多带宽,因为在前後两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。 与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的web service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。Ajax应用程序的优势在于:1. 通过异步模式,提升了用户体验2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。发展史该技术在1998年前后得到了应用。允许客户端脚本发送HTTP请求(XMLHTTP)的第一个组件由Outlook Web Access小组写成。该组件原属于微软Exchange Server,并且迅速地成为了Internet Explorer 4.0[3]的一部分。部分观察家认为,Outlook Web Access是第一个应用了Ajax技术的成功的商业应用程序,并成为包括Oddpost的网络邮件产品在内的许多产品的领头羊。但是,2005年初,许多事件使得Ajax被大众所接受。Google在它著名的交互应用程序中使用了异步通讯,如Google讨论组、Google地图、Google搜索建议、Gmail等。Ajax这个词由《Ajax: A New Approach to Web Applications》一文所创,该文的迅速流传提高了人们使用该项技术的意识。另外,对Mozilla/Gecko的支持使得该技术走向成熟,变得更为易用。优点和缺点使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。就像DHTML应用程序那样,Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。随着Ajax的成熟,一些简化Ajax使用方法的程序库也相继问世。同样,也出现了另一种辅助程序设计的技术,为那些不支持JavaScript的用户提供替代功能。对应用Ajax最主要的批评就是,它可能破坏浏览器后退按钮的正常行为[4]。在动态更新页面的情况下,用户无法回到前一个页面状态,这是因为浏览器仅能记下历史记录中的静态页面。一个被完整读入的页面与一个已经被动态修改过的页面之间的差别非常微妙;用户通常都希望单击后退按钮,就能够取消他们的前一次操作,但是在Ajax应用程序中,却无法这样做。不过开发者已想出了种种办法来解决这个问题,当中大多数都是在用户单击后退按钮访问历史记录时,通过建立或使用一个隐藏的IFRAME来重现页面上的变更。(例如,当用户在Google Maps中单击后退时,它在一个隐藏的IFRAME中进行搜索,然后将搜索结果反映到Ajax元素上,以便将应用程序状态恢复到当时的状态。)一个相关的观点认为,使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中。该问题的解决方案也已出现,大部分都使用URL片断标识符(通常被称为锚点,即URL中#后面的部分)来保持跟踪,允许用户回到指定的某个应用程序状态。(许多浏览器允许JavaScript动态更新锚点,这使得Ajax应用程序能够在更新显示内容的同时更新锚点。)这些解决方案也同时解决了许多关于不支持后退按钮的争论。进行Ajax开发时,网络延迟——即用户发出请求到服务器发出响应之间的间隔——需要慎重考虑。不给予用户明确的回应 [5],没有恰当的预读数据 [6],或者对XMLHttpRequest的不恰当处理[7],都会使用户感到延迟,这是用户不欲看到的,也是他们无法理解的[8]。通常的解决方案是,使用一个可视化的组件来告诉用户系统正在进行后台操作并且正在读取数据和内容。一些手持设备(如手机、PDA等)现在还不能很好的支持Ajax; 用JavaScript作的Ajax引擎,JavaScript的兼容性和DeBug都是让人头痛的事; Ajax的无刷新重载,由于页面的变化没有刷新重载那么明显,所以容易给用户带来困扰――用户不太清楚现在的数据是新的还是已经更新过的;现有的解决有:在相关位置提示、数据更新的区域设计得比较明显、数据更新后给用户提示等; 对串流媒体的支持没有FLASH、Java Applet好; ASP为ACTIVE SERVER PAGES的简称:Active server pags (动态服务器主页,简称ASP),内含于Internet InformationServer(IIS)当中,提供一个服务器端(server-side)的scripting环境,让你产生和执行动态,交互式,高效率的站点服务器的应用程序。你不必担心浏览器是否能执行你设计出来的Active Server Pages,你的站点服务器会自动将Active Server Pages 的程序码,解释为标准HTML格式的主页内容,在送到用户端的浏览器上显示出来。用户端只要使用常规可执行HTML码的浏览器,即可浏览Active Server Pages所设计的主页内容。Active Server Pages 的特点是:一:无须Compile编译:容易产生,无须Compile 编译或Link 链接即可执行。二:使用常规文本编辑器,如Windows的记事本,即可设计。三:与浏览器无关(Browser Independence):用户端只要使用常规的可执行HTML玛的浏览器,即可浏览Active Server Pages 所设计的主页内容,Script 语言(Vbscript ,Jscript)是在站点服务器(Server端)执行,用户不需要执行这些Script语言。四:面向对象(Object_Orient).五: 可通过ActiveX Server components(ActiveX服务器组件)来扩充功能。ActiveX Server component,可使用Visual Basic,Java,Visual C++,COBOL等语言来实现。六:Active Server Pages与任何AcTiveX scripting 语言兼容。除了可使用VBscript 或JScript语言来设计,并可通过Plug-in的方式,使用由third party所提供的其他譬如REXX,perl,Tcl 等scripting语言。script引擎是处理script的COM(Component Object Model)对象。七:Active server Pages的源程序代码,不会传到用户的浏览器,因此可以保护辛辛苦苦写出来的源程序不会外泻。传到用户浏览器的是Active Server Pages执行的结果的常规HTML码。八:使用server端script产生client端script,你可以使用ASP程序码,在站点服务器执行script语言(VBscript 或 Jscript),来产生或更改在client端执行的script语言。
axios和ajax区别
1、功能不同Axios:Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。AJAX:AJAX 是与服务器交换数据并更新部分网页的,在不重新加载整个页面的情况下Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集)。2、特点不同Axios从浏览器中创建 XMLHttpRequests,可以从 node.js 创建 http 请求,支持 Promise API,可以拦截请求和响应、转换请求数据和响应数据。Ajax是一种用于创建快速动态网页的技术,Ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。3、部分参数不同Axios:axios({url: "http://jsonplaceholder.typicode.com/users",method: "get",responseType: "json", // 默认的data: {//"a": 1,//"b": 2,}}).then(function (response) {console.log(response);console.log(response.data);}).catch(function (error) {console.log(error);})Ajax:$.ajax({url: "http://jsonplaceholder.typicode.com/users",type: "get",dataType: "json",data: {//"a": 1,//"b": 2,},success: function (response) {console.log(response);}})扩展资料:axios的实例方法:以下是可用的实例方法。指定的配置将与实例的配置合并axios#request(config)axios#get(url[, config])axios#delete(url[, config])axios#head(url[, config])axios#post(url[, data[, config]])axios#put(url[, data[, config]])axios#patch(url[, data[, config]])