慕课网

精品课程 Ajax全接触

Ajax全接触

最热最新

夕阳朝阳

readyState属性

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
2016-02-22
专注的前端工程师 00:27

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

查看全部

1 采集收起来源：处理跨域方式--XHR2
2018-03-22
夕阳朝阳 08:06

Http响应由三部分组成

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-02-21
专注的前端工程师 03:38

后端代码改造 1、在search()函数中加入代码$jsonp=$_GET["前端所取的jsonp的名字"] 2、注意$result=$jsonp.'(……)' jsonp连接是用点（.），并且里面的值要用括号括起来注意截图中的例子

查看全部

1 采集收起来源：处理跨域方式--JSONP
2018-03-22
夕阳朝阳 04:23

Http请求：GET和POST

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-02-21
专注的前端工程师 00:04

a域名去声明一个方法,b域名去调用这个方法 script可以向不同页面提交http请求； jsonp的方式只是针对get请求方式，不支持post请求 $.ajax({ type:"GET", url:"http://127.0.0.1:8080/ajaxdemo/service.php?number"+$("#keyword").val(), dataType:"jsonp", //由"json"改为"jsonp" jsonp:"callback", //增加此项，用于后台代码编写 success:function(data){ if(data.success){ $("#searchResult").html(data.msg); } else{ $("#searchResult").html("出现错误"); } }, error:function(er){ alert(er.status); } }); $jsonp = $_GET["callback"]; $result = '()';

查看全部

1 采集收起来源：处理跨域方式--JSONP
2018-03-22
夕阳朝阳 03:06

Http请求由四部分组好

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-02-21
螃蟹1只

取得响应： readyState属性：监听以判断服务器响应的情况值为0：请求未初始化，还未调用open；值为1：服务器连接已建立，已调用open；值为2：请求已接收，即已接收到头信息；值为3：请求处理中，即已接收到响应主体；值为4：请求已完成，且响应已就绪，即响应完成。 request.onreadystatechange = function() { if (request.readyState === 4 && request.status === 200) { //to do...使用以下属性和方法 } } 1、responseText：获得字符串形式的响应数据 2、responseXML：获得XML形式的响应数据（现在用JSON比较多） 3、status和statusText：以数字和文本形式返回HTTP状态码 4、getAllResponseHeader()：获取所有的响应报头 5、getResponseHeader()：查询响应中的某个字段的值

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
2018-03-22
夕阳朝阳 02:06

Http请求

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-02-21
专注的前端工程师 00:18

事实上HTTP和HTTPS两个协议的url看上去都可以省略端口号，但是他们访问的默认端口不同 HTTP默认访问80端口 HTTPS默认访问443端口所以http访问https肯定是跨域

查看全部

1 采集收起来源：处理跨域方式--代理
2016-02-21
螃蟹1只

发送请求： 1、request.open("发送请求的方法GET/POST", "请求地址url", 异步true【默认】/同步false); 2、request.send(string); //GET方式时string为空或不填写，POST方式时需要填写string

查看全部

0 采集收起来源：Ajax-XMLHttpRequest发送请求
2018-03-22
专注的前端工程师 00:55

1、在线引用（百度静态资源公共库） 2、jq实现Ajax（代码如下，图为各属性解析） <script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script> $(document).ready(function(){ $("#save").click(function(){ $.ajax({ type:"post", url:"service.php", dataType:"json", data:{ name:$("#staffName").val(), number:$("#staffNumber").val(), sex:$("#staffSex").val(), job:$("#staffJob").val() }, success:function(data){ if(data.success){$("#createResult").html(data.msg)} else{$("#createResult").html("error: " + data.msg) } }, error:function(jqXHR){ alert("error: "jqXHR.status); } }); }); });

查看全部

3 采集收起来源：jQuery中的AJAX
2018-03-22
螃蟹1只

XMLHttpRequest对象（XHR）：实现异步 1、创建：var request = new XMLHttpRequest(); 2、兼容IE6及更早版本： var request; if (window.XMLHttpRequest) { request = new XMLHttpRequest(); //IE7+,Firefox,Chrome,Opera,Safari... } else { request = new ActiveXObject("Microsoft.XMLHTTP"); //IE6,IE5 }

查看全部

0 采集收起来源：Ajax-XMLHttpRequest对象创建
2018-03-22
好学的程序猿 03:24

相应结果

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
2016-02-21
好学的程序猿

XMLHttpRequest发送请求的方法 open(method,url,async) send(sring) method可以大写，也可以小写，表示请求的方式是get还是post url绝对地址或者相对地址 async同步处理或者异步处理,true是异步，false是同步,默认是异步处理

查看全部

0 采集收起来源：Ajax-XMLHttpRequest发送请求
2016-02-21

首页上一页 570 571 572 573 574 575 576 下一页尾页

0/150

提交

取消

该课程已下架

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

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