-
responseText:获得字符串形式的响应数据; responseXML:获得XML形式的响应数据; status和statusText:以数字和文本形式返回HTTP状态码; getAllResponseHeader():获取所有的响应报头; getResponseHeader():查询响应中某个字段的值查看全部
-
一、总结: 1、ajax概念和使用方法 2、json 3、跨域 二、课程代码 https://github.com/yquanmei/immoc-ajax查看全部
-
三、处理跨域方法三——XMLHttpRequest Level2(服务端改造,客户端代码不变),存在兼容性问题。 1、XMLHttpRequest Level2已经实现了跨域访问以及其他的一些新功能。 2、ie10以下的版本都不支持。 3、在服务器端做一些小小的改造即可: header('Access-Control-Allow-Origin:*'); header('Access-Control-Allow-Methods:POST,GET');查看全部
-
一、处理跨域方法二——jsonp (客户端,服务器端代码都会改变) 1、jsonp可用于解决主流浏览器的跨域数据访问的问题。 (1)在www.aaa.com页面中: <script> function jsonp(json){ alert(json['name']); } </script> <script src="http://www.bbb.com/jsonp.js"></script> 在www.bbb.com页面中: jsonp({'name':'洪七','age':24}); (2)a域名去声明,b域名去调用。这种处理方式和xhr的ajax处理方式就没有太大关系了,这是利用script标签节点可以跨域访问、跨域获取的特性,jquery的ajax方法本身就支持jsonp的处理方式。 二、php中.表示拼接字符串。 三、jsonp方式不支持post请求,只能用于get请求,而且jsonp返回的是一个数组。查看全部
-
四、处理跨域方法一——代理 (服务端改造,客户端代码不变) 创建代理是后台做的,这不是前端处理跨域的方法。查看全部
-
三、主域名相同,子域名不同,也会被认为是跨域。查看全部
-
二、javaScript处于安全方面的考虑,不允许跨域调用其他页面的对象。什么是跨域呢,简单地理解就是因为javaScript同源策略的限制,a.com域名下的js无法操作b.com或是c.a.com域名下的对象查看全部
-
一、跨域 跨域的原理是:协议://子域名.主域名:端口号/服务端地址,除了服务端地址的改变叫做重定向以外,其他几个可变更的参数中任意一个的改变就叫做跨域。查看全部
-
一、jQuery实现ajax 1、jQuery.ajax([settings]) (1)type:类型,“POST”或“GET”,默认为“GET”。 (2)url:发送请求的地址。 (3)data:是一个对象,连同请求发送到服务器的数据。 (4)dataType:预期服务器返回的数据类型。如果不指定,jQuery将自动根据HTTP包MIME信息来智能判断,一般我们采用json格式,可以设置为“json”。 (5)success:是一个方法,请求成功后的毁掉函数。传入返回后的数据,以及包含成功代码的字符串。 (6)error:是一个方法,请求失败时调用此函数。传入XMLHttpRequest对象。 二、jquery 的百度cdn库 <script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>查看全部
-
总结一些: 1.Ajax主要的功能是实现了浏览器端 异步 访问服务器:通过浏览器的XMLHttpRequest对象发出小部分数据,与服务端进行交互, 服务端返回小部分数据,然后更新客户端的部分页面。 2.json是Ajax发送小部分数据的一种轻量级数据格式,可以简单易懂的给服务器或者浏览器交互数据,包括jason对象,jason数组对象。 3.跨域的原理是:协议://子域名.主域名:端口号/服务端地址,除了服务端地址的改变叫做重定向意外,其他几个可变更的参数中任意一个的改变就叫做跨域。查看全部
-
一、json在js中的解析 1、json在js中解析,有2种方式:eval和JSON.parse 2、在代码中使用eval是很危险的,特别是用它执行第三方的JSON数据(其中可能包含恶意代码)时,尽可能使用JSON.parse()方法解析字符串本身,该方法还可以捕捉JSON中的语法错误。 3、eval执行,不会去看json字符串是否合法,而且json字符串中的方法会直接执行。代码中单一使用eval都是非常危险的,实际过程中尽量使用JSON.parse()。 二、json在线校验工具:jsonlint.com 三、 { "success":true, "msg":"xxx", "data":"xxx" } success:逻辑是否成功的标记(如:ajax请求过程中,请求是否成功的标记),msg:"xxx"(如:msg作为请求返回值),errormsg:success为false时的错误信息,data:请求返回的数据。 四、demo.html中解析json,并将相关信息显示在页面上。 if(request.status===200){ var data=JSON.parse(request.responseText); if(data.success){ document.getElementById('searchResult').innerHTML=data.msg; }else{ document.getElementById('searchResult').innerHTML="出现错误:"+data.msg; } }else{ alert('发生错误'+request.status); }查看全部
-
一、json 1、javaScript对象表示法(javaScript object notation) 2、json是存储和交换文本信息的语法,类似xml。它使用键值对的方式来组织,易于人们阅读和编写,同时也易于机器解析和生成。 3、json是独立于语言的,也就是说不管什么语言,都可以解析json,只需要按照json的规则来就行。 4、xml也是一种传递信息的方法。 二、json和xml比较 1、json的长度和xml格式比起来很小,在网络来回传输过程中,可以大大减少带宽。 2、json读写的速度更快。 3、json可以使用javaScript内建的方法直接进行解析,转换成javaScript对象,非常方便。 三、json语法规则 1、json数据的书写格式是:名称/值对。 名称/值对组合中的名称写在前面(在双引号中),值对写在后面(同样在双引号中),中间用冒号隔开,比如 "name":"郭靖"。 和javaScript对象表示法不同,javaScript对象表示法的键值不需要用引号,但是json的键值要用引号。 2、json的值可以是下面这些类型: (1)数字(整数或浮点数),如123,1.23 (2)字符串(在双引号中) (3)逻辑值(true或false) (4)数组(在方括号中) (5)对象(在花括号中) (6)null 3、json典型例子: {}表示一个json对象,对象里面有一个值对,这个值对的名称叫staff,名称是个数组。数组又是又很多小的json对象来组成。每个对象里有2个属性name,age。 { "staff":[ {"name":"洪七","age":70}, {"name":"郭靖","age":35} ] } 四、(外注)JSON建构于两种结构: 1、“名称/值”对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪录(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组 (associative array)。 2、值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。查看全部
-
一、数据格式json: 当我们要向服务器传递大量数据,服务器返回大量数据时,使用json,非常灵活,也非常易于解析。查看全部
-
接受请求后,服务器返回数据,数据格式一般为json。json全称javascript对象表示法,是存储和交换文本信息的语法,它采用键值对的方式来组织,易于人们阅读和编写,机器解析和生成。客户端接收到数据后,如何进行解析呢?在JavaScript中有eval和JSON.parse两种方式,推荐后者,因为前者是不安全的,它不能验证json格式的合法性,不能避免在json中直接执行JavaScript代码,从而造成潜在威胁的存在。推荐用JSONlint进行json在线验证查看全部
-
兼容IE6及以下版本: var request; if(window.XMLHttpRequest){ request=new XMLHttpRequest(); }else{ request=new ActiveXObject("Microsoft.XMLHTTP"); }查看全部
举报
0/150
提交
取消