慕课网

精品课程 Ajax全接触

Ajax全接触

最热最新

Eric_kk

var request = new XMLHttpRequest();

查看全部

0 采集收起来源：Ajax-XMLHttpRequest发送请求
2015-03-10
weibo_好难著名_0

Var request =new XMLHttpRequest(); Request.open(“GET”,”get.php”,true); Request.send(); Request.onreadystatechange=function(){ If(request.readystate==4&&request.status==200){ //做一些事情 request.responseText } }

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
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');

查看全部

3 采集收起来源：课程总结
2018-03-22
叶星蓉 06:00

处理跨域方式二——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})

查看全部

0 采集收起来源：处理跨域方式--JSONP
2018-03-22
叶星蓉

vascript出于安全方面的考虑，不允许跨域调用其他页面的对象。不同域名之间相互请求资源，就算作“跨域”，a.com域名下的js无法操作b.com或是c.a.com域名下的对象。处理跨域方法一——代理：通过在同域名的web服务器端创建一个代理 [ 查看全文 ]

查看全部

0 采集收起来源：处理跨域方式--代理
2015-03-10
叶星蓉

$("#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:funtion(data){if(data.success){$("#searchResult").html(data.msg);} else{$("#searchResult").html("出现错误："+data.msg)}} error:function(jQXHR){alert("发生错误："+jqXHR.status)} }) })

查看全部

0 采集收起来源：jQuery中的AJAX
2018-03-22
叶星蓉

json解析方式：eval不仅可以解析字符串，还会执行json中的方法 1.eval（不检查json字符串的合法性，不推荐使用） 2.parse json字符串格式化和校验工具：jsonlint.com 3. json在线校验工具http://jsonlint.com/ 代码： var data = JSON.parse(request.responseText);

查看全部

0 采集收起来源：json解析、格式化和校验工具
2015-03-10
叶星蓉

{ "staff":[ {“name”:"红旗"，“age”:70}, {“name”:"红旗"，“age”:70}, {“name”:"红旗"，“age”:70} ] }

查看全部

0 采集收起来源：json基本概念
2018-03-22
叶星蓉 02:58

JSON语法规则

查看全部

0 采集收起来源：json基本概念
2015-03-10
叶星蓉 01:40

JSON与XML比较的优点

查看全部

0 采集收起来源：json基本概念
2015-03-10
叶星蓉 01:00

JSON：JavaScript对象表示法(JavaScript Object Notation) JSON是存储和交换文本信息的语法，类似XML。它采用键值对的方式来组织，易于人们阅读和编写，同事也易于机器解析和生成 JSON是独立于语言的，也就是说不管什么语言，都可以解析json，只需要按照json的规则来就行

查看全部

0 采集收起来源：json基本概念
2015-03-10
叶星蓉

document,getElementById("search").onclick = function(){ //发送Ajax查询请求并处理 var request = new XMLHttpRequest(); request.open("GET","service.php?number="+document.getElementById("keyword").value""); request.send(); //监听事件 request.onreadystatechange = function(){ if(request.readyState===4 && request.status===200){ document.getElementById("searchResult").innerHTML=request.responseText; }else{ alert("发生错误："+request.status); } 如果是POST请求方式，则： request.open("POST","service.php"); //需将post请求提交的数据拼成URL参数 var data="name"+document.getElementById("staffName").value +"&name"+document.getElementById("staffName").value; request.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); request.send(data); } }

查看全部

0 采集收起来源：客户端实现
2018-03-22
叶星蓉 04:43

fiddler可用于调试服务器代码（无需客户端代码）。 Fiddler是一个http协议调试代理工具，它能够记录并检查所有你的电脑和互联网之间的http通讯，设置断点，查看所有的“进出”Fiddler的数据（指cookie,html,js,css等文件，这些都可以让你胡乱修改的意思）。 Fiddler 要比其他的网络调试器要更加简单，因为它不仅仅暴露http通讯还提供了一个用户友好的格式。

查看全部

0 采集收起来源：PHP服务端代码测试
2015-03-10
叶星蓉 02:09

站点设置

查看全部

0 采集收起来源：Ajax-服务器端实现
2015-03-10
叶星蓉 00:58

改端口

查看全部

0 采集收起来源：Ajax-服务器端实现
2015-03-10

首页上一页 844 845 846 847 848 849 850 下一页尾页

0/150

提交

取消

该课程已下架

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

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