慕课网

精品课程 Ajax全接触

Ajax全接触

最热最新

qq_刘先森_ 02:01

fiddler工具，可看网站中的“ Fiddler工具使用" (http://www.imooc.com/learn/37)课程，后台测试接口工具 Content-Type:application/x-www-form-urlencoded 的正确设置。。 fiddler可用于调试服务器代码（无需客户端代码）。 Fiddler是一个http协议调试代理工具，它能够记录并检查所有你的电脑和互联网之间的http通讯，设置断点，查看所有的“进出”Fiddler的数据（指cookie,html,js,css等文件，这些都可以让你胡乱修改的意思）。 Fiddler 要比其他的网络调试器要更加简单，因为它不仅仅暴露http通讯还提供了一个用户友好的格式。 fiddler可以监听电脑上所有的HTTP请求(GET和POST等)监听他们传入的值和返回的值。后台测试接口工具。使用：右边栏有compose都标签页。输入刚才地址后excuse他。双击左栏的记录。用post请求的时候要用到contentType：application/x-www-form-urlencodeed,告诉服务器是一个post请求，并且是写在url里面。在右下栏的requestbody写上请求正文。 Content-Type:application/x-www-form-urlencoded

查看全部

0 采集收起来源：PHP服务端代码测试
2018-03-22
qq_刘先森_ 03:55

PHP测试页面如图所示在Dreamweaver中配置web服务器应用于本地测试 1、服务器启动在下面xampp的安装文件下启动xampp-control.exe，修改监听端口为8080； 2、建立站点站点的名字在htdocs中新建站点文件站点的URL选择：xmapp/htdocs/站点文件基本服务器配置：服务器名称;xampp 连接网络：本地/网络文件夹：xmapp/htdocs/站点文件 webURL http://localhost:8080/ajaxdemo/ 高级选项：服务器模型：后台语言点击保存后选择测试再点击保存

查看全部

0 采集收起来源：Ajax-服务器端实现
2017-03-01
EM_xiaohe 02:07

http请求过程

查看全部

0 采集收起来源：Ajax-HTTP请求
2017-03-01
夜还没黑

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

查看全部

0 采集收起来源：课程总结
2017-03-01
夜还没黑 00:56

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); } }); }); });

查看全部

0 采集收起来源：jQuery中的AJAX
2018-03-22
夜还没黑

跨域： 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 采集收起来源：处理跨域方式--XHR2
2018-03-22
夜还没黑

处理跨域方式--JSONP 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", //增加jsonp属性，并指定名称，用于后台的调用 success:function(data){ if(data.success){ $("#searchResult").html(data.msg); } else{ $("#searchResult").html("出现错误"); } }, error:function(er){ alert(er.status); } }); $jsonp = $_GET["callback"]; $result = '()'; 后端代码改造： 1、在search()函数中加入代码$jsonp=$_GET["前端所取的jsonp的名字"] 2、注意$result=$jsonp.'(……)' jsonp连接是用点（.），并且里面的值要用括号括起来

查看全部

0 采集收起来源：处理跨域方式--JSONP
2018-03-22
夜还没黑 01:27

跨域：不同域之间相互请求资源 JavaScript处于安全方面的考虑，不允许跨域调用其他页面的对象。什么是跨域呢，简单的理解就是因为JavaScript同源策略的限制，a.com域名下的js无法操作b.com或者c.a.com域名下的对象。

查看全部

0 采集收起来源：处理跨域方式--代理
2017-03-01
丶我怕黑还好你是光 10:33

HTTP请求

查看全部

0 采集收起来源：Ajax-HTTP请求
2017-03-01
Ryan幕

jsonp的局限：只支持get请求不支持post请求 H5新特性XHR2两者都支持，但是IE10以下不支持该属性

查看全部

0 采集收起来源：处理跨域方式--JSONP
2017-03-01
qq_刘先森_

建立异步请求的过程4个步骤： a:new一个XHR对象 b:调用open方法 c:send一些数据 d:对过程进行监听，来知道服务器是不是正确地做出了响应，接着可以做一些事情（监听readyState,响应成功可以做一些事情，比如获取服务器响应的内容在页面上做一些呈现）

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
2017-03-01
qq_刘先森_ 01:41

XMLHttpRequest取得响应 * responseText:获得字符串形式的响应数据 * responseXML：获得XML形式的响应数据（比较少） * status和statusText:以数字和文本形式返回HTTP状态码 * getAllResponseHeader()：获取所有的响应报头 * getResponseHeader()：查询响应中的某个字段的值 readyState属性的变化代表服务器响应的变化 0：请求未初始化，open还没有调用 1：服务器连接已建立，open已经调用了 2：请求已接收，也就是接收到头信息了 3：请求处理中，也就是接收到了响应主体 4：请求已完成，且响应已就绪，也就是响应完成了 var request = new XMLHttpRequest() //建立XHR对象 request.open("GET","get.php",true); //用get方法异步打开get.php request.send(); //发送请求头信息 request.onreadystatechange=function(){ if(request.readState===4&&request.status===200){ //做一些事情 request.responseText; } } 通过onreadystatechange事件，对readyState属性进行监听即对服务器的响应进行监听， readyState===4响应完成； status===200，请求成功建立异步请求的过程4个步骤： a:new一个XHR对象 b:调用open方法 c:send一些数据 d:对过程进行监听，来知道服务器是不是正确地做出了响应，接着可以做一些事情（监听readyState,响应成功可以做一些事情，比如获取服务器响应的内容在页面上做一些呈现）

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
2018-03-22
qq_刘先森_ 01:07

XMLHttpRequest发送请求：两个方法 open(method,url,async) method：规定HTTP发送请求的方式是get还是post,不区分大小写，一般来说用大写 url：请求地址(相对地址或绝对地址) async:同步/异步(false/true)，默认是异步也就是true，可以不用填写 send(string):发送到服务器（该参数可以填或者不填-----get方法不填或填null，post:一般要填）例如： request.open("POST","create.php",true); request.setRequestHeader("Content-type","application/x-www-form-urlencoded ")//设置HTTP头信息--一定要写在open()和send()之间 request.send("name=xxxx&set=xxx");

查看全部

0 采集收起来源：Ajax-XMLHttpRequest发送请求
2018-03-22
qq_刘先森_ 09:13

HTTP状态码

查看全部

0 采集收起来源：Ajax-HTTP请求
2017-03-01
qq_刘先森_ 04:33

HTTP请求

查看全部

0 采集收起来源：Ajax-HTTP请求
2017-03-01

首页上一页 220 221 222 223 224 225 226 下一页尾页

0/150

提交

取消

该课程已下架

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

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