慕课网

精品课程 Ajax全接触

Ajax全接触

最热最新

qq_LLawliet_63365376

Javascript出于安全方面的考虑，不允许跨域调用其他页面的对象。什么是跨域呢？简单地理解就是因为javascript同源策略的限制，a.com域名下的js无法操作b.com或是c.a.com域名下的对象。跨域处理，三种方法： 1、处理跨域方法一代理通过在同域名下的web服务器端创建一个代理：北京服务器(域名:www.beijing.com) 上海服务器(域名：www.shanghai.com) 比如在北京的web服务器的后台(www.beijing.com/proxy-shanghaiservice.php)来调用上海服务器(www.shanghai.com/services.php)的服务，然后再把访问结果返回给前端，这样前端调用北京同域名的服务就和调用上海的服务效果相同了。 2、处理跨域方式二——JSONP(只支持GET请求)： JSONP可用于解决主流浏览器的跨域数据访问的问题。在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':'xx','age':24}) 3、处理跨域的方法三——XHR2： 1、HTML5提供的XMLHttpRequest Level2已经实现了跨域访问以及其他的一些新功能 2.IE10以下的版本都不支持 3.在服务器端 header('Access-Control-Allow-Origin:*'); header('Access-Control-Allow-Methods:POST,GET');

查看全部

0 采集收起来源：课程总结
2018-03-22
qq_LLawliet_63365376

总结一些： 1.Ajax主要的功能是实现了浏览器端异步访问服务器：通过浏览器的XMLHttpRequest对象发出小部分数据，与服务端进行交互，服务端返回小部分数据，然后更新客户端的部分页面。 2.json是Ajax发送小部分数据的一种轻量级数据格式，可以简单易懂的给服务器或者浏览器交互数据，包括jason对象，jason数组对象。 3.跨域的原理是：协议://子域名.主域名:端口号/服务端地址，除了服务端地址的改变叫做重定向意外，其他几个可变更的参数中任意一个的改变就叫做跨域。

查看全部

0 采集收起来源：课程总结
2016-06-19
qq_LLawliet_63365376

处理跨域的方法三——XHR2：<br> 1.HTML5提供的XMLHttpRequest Level2已经实现了跨域访问以及其他的一些新功能<br> 2.IE10以下的版本都不支持<br> 3.在服务器端<br> 处理跨域方式：1、代理 2、JSONP 3、XHR2 支持XmlHttpRequest level2的浏览器在服务器端进行改造:header("Access-Control-Allow-Origin:*");//权限所有都可以 header("Access-Control-Allow-Methods:POST，GET"); IE10以下不支持XHR2,IE如何实现跨域呢？详情戳网址：http://blog.csdn.net/ghsau/article/details/13747943 header('Access-Control-Allow-Origin:*');<br> header('Access-Control-Allow-Methods:POST,GET');

查看全部

0 采集收起来源：处理跨域方式--XHR2
2018-03-22
qq_LLawliet_63365376

配合XHR2的IE10以下跨域：在代码中js加上一句 jQuery.support.cors =true;或者$.support.cors =true; 然后：设置IE浏览器->Internet选项->安全->自定义级别->其他选项下面的->通过源数据：选择“启用”或者“提示”

查看全部

0 采集收起来源：处理跨域方式--XHR2
2018-03-22
叮聆Ling 01:05

测试例子

查看全部

0 采集收起来源：Ajax-例子简介
2016-06-19
4545457

采用POST方法时，要在open和send之间用setRequestHeader方法去设置Content-Type值为application/s-www-form-urlencoded

查看全部

0 采集收起来源：客户端实现
2016-06-19
王瑞雨 04:48

响应成功。

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
2016-06-19
4545457

newXHR对象 var request=new XMLHttpRequest(); 调用open方法 request.open('get','get.php','true') send发送数据 request.send(); 对这个过程进行监听，判断服务器是否正确做出响应 request.onreadystatechange=function(){ if(request.readyState==4&&request.status===200){ //做一些事request.responseText } }

查看全部

1 采集收起来源：Ajax-XMLHttpRequest取得响应
2018-03-22
4545457

XMLHttpRequest取得响应 * responseText:获得字符串形式的响应数据 * responseXML：获得XML形式的响应数据（比较少） * status和statusText:以数字和文本形式返回HTTP状态码 * getAllResponseHeader()：获取所有的响应报头 * getResponseHeader()：查询响应中的某个字段的值 readyState属性的变化代表服务器响应的变化 0：请求未初始化，open还没有调用 1：服务器连接已建立，open已经调用了 2：请求已接收，也就是接收到头信息了 3：请求处理中，也就是接收到了响应主体 4：请求已完成，且响应已就绪，也就是响应完成了

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
2016-06-19
4545457

XMLHttpRequest发送请求：两个方法 open(method,url,async) method：规定HTTP发送请求的方式是get还是post,不区分大小写，一般来说用大写 url：请求地址(相对地址或绝对地址) async:同步/异步(false/true)，默认是异步也就是true，可以不用填写

查看全部

0 采集收起来源：Ajax-XMLHttpRequest发送请求
2016-06-19
4545457

XMLHttpRequest兼容性IE5、6的写法： var request; if(window.XMLHttpRequest){ request=new XMLHttpRequest();//IE7+,Firefox,Chrome,Ooera,Safari... }else{ request=new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE7 }

查看全部

0 采集收起来源：Ajax-XMLHttpRequest对象创建
2018-03-22
4545457

Ajax三步骤： Asynchronous Javascript And XML 1、运用HTML和CSS实现页面，表达信息； 2、运用XMLHttpRequest和web服务器进行数据的异步交换； 3、运用JavaScript操作DOM，实现动态局部刷新；

查看全部

0 采集收起来源：Ajax-同步和异步
2016-06-18
lemon21

Ajax三步骤： Asynchronous Javascript And XML 1、运用HTML和CSS实现页面，表达信息； 2、运用XMLHttpRequest和web服务器进行数据的异步交换； 3、运用JavaScript操作DOM，实现动态局部刷新

查看全部

0 采集收起来源：Ajax-同步和异步
2016-06-18
6513444wode 02:52

readyState

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
2016-06-18
6513444wode 02:28

readyState

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
2016-06-18

首页上一页 431 432 433 434 435 436 437 下一页尾页

0/150

提交

取消

该课程已下架

课程须知: 只需要有基础的javascript语法知识，就可以很容易理解本课程哦

老师告诉你能学到什么？: 通过本课程的学习，您可以了解到Ajax概念、HTTP请求概念、PHP简单语法、JSON数据格式、Ajax的原生和jQuery实现、跨域等知识，只需要一些时间，看似复杂的知识点，其实都是纸老虎，会被你一捅就破。您不但会了解Ajax的使用，而且会清楚Ajax的原理，并举一反三。