对象必须为key/value格式,例如{foo1:”bar1”,foo2:”bar2”}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称。...(7)dataType : (default: Intelligent Guess (xml, json, script, or html)) 类型: String,从服务器返回你期望的数据类型...注意在远程请求时(不在同一个域下),所有post请求都将转为get请求。 json:返回JSON数据。 jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?...当一个HTTP错误发生时,errorThrown 接收HTTP状态的文本部分,比如: “Not Found”(没有找到) 或者 “Internal Server Error.”...**dataType** 类型:String 从服务器返回的预期的数据类型。默认:智能猜测(xml, json, script, text,html)。
传入XMLHttpRequest对象,以及一个包含成功或错误代码的字符串。...当设置为false时,同步请求将锁住浏览器,其他操作必须等待请求完成之后。 data:发送到服务器的数据,将自动转换为请求字符串格式。...callback:载入成功时回调函数。...$.get( "test.php", {user: "John"}, function(data){ alert(data); } ); (4)jQuery.getJSON...$.getJSON("test.js", function(json){ alert("JSON Data: " + json.users[3].name); }); (5)jQuery.getScript
像在创建账号的时候检测此用户名是否存在就是一个典型的案例,本文讲从原生JS和jQuery方面介绍AJAX的实现,跨域问题暂且不表。...onreadystatechange事件,4为完成 status是返回状态,200是成功,404是未找到页面 responseText是返回的数据,为字符串格式 三、jQuery实现AJAX...1.GET 使用get()方法时,采用GET方式向服务器请求数据,并通过方法中回调函数的参数返回请求的数据,它的调用格式如下: $.get(url,[callback]) $.get("demo_test.php...点击Response就可以查看服务器返回的数据了,一般在这里查看返回是否正常,格式是否正确,一般是JSON。 ? 基本上通过发送的数据及传回的数据就能定位问题所在了。...五、总结 一般来说,处理AJAX,用jQuery的get和post的就够用,如果是JSON数据的话用getJSON,注意缓存问题,特殊的应用再考虑用ajax(),另外,AJAX还有一个很严重的问题是跨域
配置方式:convention.php中定义了默认编码类型为DEFAULT_AJAX_RETURN => 'JSON', 分析:ajaxReturn()调用了json_encode()将数值转换成json...2.2.2 json和ajax的关系? 在上面关于jquery.ajax的介绍中提到了,json可以作为一个ajax函数的dataType,这样数据就会通过json语法传输了。...在jquery的ajax函数中,只能传入3种类型的数据: >1.json字符串:"uname=alice&mobileIpt=110&birthday=1983-05-12" >2.json对象:{uanme...整个过程是: 1.在php中编写页面中的表单、提交按钮等; 2.在js中对php中的按钮事件添加校验和触发函数,在js函数内,如果js对象的格式和内容正确就向控制器url(php中初始化)发起ajax请求...,1); }else{ //错误后返回错误的操作状态和提示信息 $this->ajaxReturn(0,"新增错误!"
这个策略的历史非常悠久 从Netscape Navigator 2.0时代就开始了。 解决这个限制的一个相对简单的办法就是在服务器端发送请求,服务器充当一个到达第三方资源的代理中继。...JSON和JSONP 与XML相比,JSON是一个轻量级的数据交换格式。JSON对于JavaScript开发人员充满魅力的原因在于JSON本身就是Javascript中的对象。...注意,使用这种方法时,你必须在页面中定义回调函数,就像上例中的showPrice一样。 我们通常所说的JSONP服务(远程JSON服务),实际上就是一种扩展的支持在用户定义函数中包含返回数据的能力。...然后执行这个函数,处理JSON数据,并显示在客户页面上。 JQuery的JSONP支持 从JQery 1.2以后,就开始支持JSONP的调用。.../suggest.php?
cache:要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false)。设置为false将不会从浏览器缓存中加载请求信息。...data: 要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。...注意在远程请求时(不在同一个域下),所有post请求都将转为get请求。 json:返回JSON数据。 jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?...该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。
而其中,服务器返回数据的格式其实是字符串形势,并不是我们想要的json数据格式,在此引用只是为了对比说明。...等类型,如果我们设置这个参数为:json,那么返回的格式则是json格式的,如果没有设置,就 和$.get()返回的格式一样,都是字符串的。...data Object, String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。 查看 processData 选项说明以禁止此自动转换。...“json”: 返回 JSON 数据 。 “jsonp”: JSONP 格式。使用 JSONP 形式调用函数时, 如 “myurl?callback=?” jQuery 将自动替换 ?...error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。 这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。
jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?"...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。...data Object, String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。..."json": 返回 JSON 数据 。 "jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ?...error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。
异步——填写表单时,页面当时就把数据发送到服务器(发送请求),服务器处理响应,把结果发给页面,过程中不不要重新加载页面,填写的错误会实时显示,不会有任何的等待 XMLHttpRequest对象——可以用于后台和服务器交换数据...+ }else{ request = new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE5 } HTTP请求:计算机通过网络进行通信的规则,使浏览器从WEB...) (发送请求方法时GET还是POST,请求地址,请求同步fault/异步true) send(string) 把请求发送到服务器,GET请求可不填写,也可为none; XMLHttpRequest取得响应...php //设置页面内容是html编码格式是utf-8 header("Content-Type: text/plain;charset=utf-8"); //header("Content-Type...JSON.parse()较安全,还能检测错误。
先来看一个简单的例子: $.ajax({ url:"http://www.microsoft.com", //请求的url地址 dataType:"json", //返回格式为...data(Object或String):发送到服务器的数据。如果不是字符串,将自动转换为字符串格式。GET请求中将附加在url后。...在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。 json:返回JSON数据。 jsonp:JSONP格式。使用JSONP形式调用函数时,例如myurl?callback=?...这个函数有3个参数,即XMLHttpRequest对象、错误信息和捕获的错误对象 function(XMLHttpRequest, textStatus, errorThrown){...cache 要求为Boolean类型的参数,默认为true(当dataType为Script时,默认为false),设置false将不会从浏览器缓存中加载请求信息。
这使得例如,服务器端重定向到另一个域 data type:object,String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。...必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:[“bar1”, “bar2”]} 转换为 “&foo=bar1&foo=bar2”。...‘注意:’’'在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载) “json”: 返回 JSON 数据 。...“jsonp”: JSONP 格式。使用 JSONP 形式调用函数时,如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。...这个值将用来取代jQuery自动生成的随机函数名。这主要用来让jQuery生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。
jQuery.get() 使用一个HTTP GET 请求从服务器加载数据。 ...发送给服务器的字符串后键值对 success() 当请求成功时回调的函数 dataType 从服务器返回的预期数据。 ... success() 当请求成功时回调的函数 jQuery.getScript() 使用一个HTTP GET请求从服务器加载并执行一个JavaScript文件。 ...发送给服务器的字符串后键值对 success() 当请求成功时回调的函数 用法: $.post("test.php", { name: "John", time: "...json“返回JSON 数组。”jsonp“JSONP格式。 error 类型:function 请求失败时将调用此方法。
(); $jsonstr=json_encode($msg);//取到信息,将信息用转码为json格式,返回给JS echo $jsonstr; ...用原生JS: function link(){ var xhr=null;//先设置xhr为空,为了轮询时再次调用函数对xhr重用,引发错误 xhr=new XMLHttpRequest...} }; } 用jQuery插件实现: var link={ //jQuery的AJAX执行的配置对象 type:"GET", //设置请求方式,...//设置期望的返回格式,因服务器返回json格式,这里将数据作为json格式对待 success:function (msg){ process... ...程序扩充: 添加发送聊天窗口: 新建一个函数用来处理ajax的POST请求,用ajax将发信人,每次发送的信息,收信人发送到服务器端,并设置一个单独的PHP脚本处理信息,将信息插入数据库。
jquery.get中文参数问题——js符串编码 摘要: 使用jquery.get进行ajax请求获取数据是很常见的操作,一般请求参数都为字母,今天发现在参数中使用中文会出现浏览器兼容性问题,现在记录如下...规定连同请求发送到服务器的数据。 success(response,status,xhr) 可选。规定当请求成功时运行的函数。...默认地,jQuery 将智能判断。 可能的类型: "xml" "html" "text" "script" "json" "jsonp" 问题: var url = "get.php?...,@,_,~,0-9,a-z,A-Z encodeURIComponent() : 把URI字符串采用UTF-8编码格式转化成escape格式的字符串。...所以假如字符串里面包含了URI的几个部份的话,不要用进行编码,否则 / 字符被编码之后URL将呈现错误。 encodeURIComponent不编码字符有71个:!
然后其实jquery会在getJSON方法被触发时,动态的创建一个script,这个script的src会是类似于http://b.com/2.php?...然后服务器端2.php需要做的是获取到callback的值,然后把你的本来要返回的json格式数据包装成如下格式: jsonp1339589075417({"key1":"value1", "key2"...jQuery可以从一个脚本对服务器发出Ajax/HTTPD调用,$.getJSON()可以获取服务响应。 但是当网页的ajax调用存在于服务器不同的域名中时,这种方法可能会失败。...客户端加载时,该脚本不受限于同源策略,函数就像其中的JSON对象一样。...客户端用jQuery函数$.getJSON发出一个ajax请求。服务器生成一个hash,将其格式化成JSON,然后返回给客户端。客户端将其格式化后,放进网页元素中。
request.readyState===4 && request.status===200){ request.responseText//取得响应体内容 } } 用post提交表单时,..."staff":[{"name":"洪七公","age":70},{"name":"郭靖","age":35}]}' var jsonObj=eval('('+jsonData+')');//容易产生错误...,不会校验json是否合法,会直接执行json中的js语句 var jsonObj=JSON.parse(jsonData);//推荐 Jquery中的$.ajax([settings]) type:类型...,“POST”或“GET”,默认“GET” url:发送请求的地址 data:是一个对象,连同请求发送到服务器的数据 dataType:预期服务器返回的数据类型,一般为json,若不指定jquery将根据...alert(data.msg)} }, error:function(err){ alert("错误状态码:"+err.status) } }) 跨域 ?
Google Suggest 使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框输入关键字时,JavaScript 会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。...登陆时,提示用户名密码错误 删除数据行时,将行ID发送到后台,后台在数据库中删除,数据库删除成功后,在页面DOM中将数据行也删除。...能够以异步方式从服务器获取新数据。 jQuery 提供多个与 AJAX 有关的方法。...通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON – 同时您能够把这些外部数据直接载入网页的被选元素中。..."jsonp": JSONP 格式使用 JSONP 形式调用函数时,如 "myurl?
Jeditable – jQuery就地编辑插件使用 jeditable是一个jquery插件,它的优点是可以就地编辑,并且提交到服务器处理,是一个不可多得的就地编辑插件。...一般的流程是这样的,当用户点击网页上的文字时,该文字就会出现在一个编辑框中,用户对文字进行修改完成后点击提交按钮,新的文本将发送到服务器上,然后表单消失,显示最新编辑的文本。)...那么当用户点击了确定按钮时,发送到服务器上的是什么数据呢?...php /* http://www.example.com/json.php */ $array['E'] = 'Letter E'; $array['F'] = 'Letter F';...$('.editable').editable('http://www.example.com/save.php', { loadurl : 'http://www.example.com/json.php
因此我们会采用通过的数据交换格式(XML、JSON)来进行数据的交互。...JSON数据 JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。...,如何发送到php后台 php中有一个对象,如何发送到前台。...,否则提示"手机号格式错误" 1.6 短信验证码必须是4位的数字,否则提示"验证码格式错误" 需求2:点击注册按钮时,按钮显示为"注册中..."...因为图片路径是从服务端获取的,加载需要时间,需要等待图片加载完成后才能使用瀑布流进行布局。 //4. 给window注册scroll事件,当触底时,需要动态的加载图片。 //5.
发送信息至服务器时内容编码类型。 data 类型:String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。...必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。...如果发生了错误,错误信息(第二个参数)除了得到 null 之外,还可能是 "timeout", "error", "notmodified" 和 "parsererror"。...这个值将用来取代 jQuery 自动生成的随机函数名。这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。...Success console.log( jqxhr.status ); // 200 console.log( "Load was performed." ); }); load()方法 从后台下载