慕课网

精品课程 Ajax全接触

Ajax全接触

最热最新

大柯

XMLHttpRequest发送请求示例

查看全部

0 采集收起来源：Ajax-XMLHttpRequest发送请求
2016-07-17
大柯 09:36

http状态码类型

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-07-17
大柯 08:34

http响应

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-07-17
大柯 05:56

get/post

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-07-17
余舟 00:37

XHR 发送请求基本格式(get/post,URL,true/false)

查看全部

0 采集收起来源：Ajax-XMLHttpRequest发送请求
2016-07-17
尚瑞通 02:39

json与js对象表示有所不同，json中的名称必须都要加双引号，而js对象的名称不需要加引号

查看全部

0 采集收起来源：json基本概念
2016-07-17
Largin 01:40

responseText; responseXML; status和statusText; getAllResponseHeader(); readyState; getRequeseHeader(); getRequest(); request.onreadyStatechange = function(){ if(req.readyState === 4 && req.status === 200){ var str = req.responseText; } }

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
2018-03-22
Largin 03:12

var req = new XMLHttpRequest;<br> req.setQequestHeader("Content-Type","application/x-www-form-urlencoded"); req.open("post","http://www.baidu.com",async);<br> req.seng("name=张三&sex=男")；

查看全部

0 采集收起来源：Ajax-XMLHttpRequest发送请求
2018-03-22
Jinezxcv

处理跨域的方法三——XHR2： 1.HTML5提供的XMLHttpRequest Level2已经实现了跨域访问以及其他的一些新功能 2.IE10以下的版本都不支持 3.在服务器端 header('Access-Control-Allow-Origin:*'); header('Access-Control-Allow-Methods:POST,GET');

查看全部

0 采集收起来源：处理跨域方式--XHR2
2016-07-17
Jinezxcv

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、在search()函数中加入代码$jsonp=$_GET["前端所取的jsonp的名字"] 2、注意$result=$jsonp.'(……)' jsonp连接是用点（.），并且里面的值要用括号括起来

查看全部

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

js出于安全方面的考虑，不允许跨域调用其他页面的对象，什么是跨域那，简单理解就是因为js同源策略的限制，a.com域名下的Js无法操作b.com下的js 几种不同情况的跨域： 1.主域名不同； 2.子域名不同； 3.端口号不同； 4.协议不同；

查看全部

0 采集收起来源：处理跨域方式--代理
2016-07-17
Jinezxcv

用jQuery实现Ajax type：类型，"POST"或"GET"，默认为"GET" url:发送请求的地址 data:是一个对象，连同请求发送到服务器 dataType:预期服务器返回的数据类型。如果不指定，jQuery将自动根据HTTP包MIME信息来智能判断，般采用json格式，可以设置为"jsom" cuccess:是一个方法，请求成功后的回调函数。传入返回后的数据，以及包含成功代码的字符串 error:是一个方法，请求失败时调用此函数。传入XMLHttpRequest对象

查看全部

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

1、json解析的方法有两种：eval()和parse()方法 eval() 较危险，不光解析了字符串，还解析了js方法，无论何时用eval()都是非常危险的。-----不建议使用 JSON.parse()较好，会解析出错误。 //例子：首先定义了JSON字符串jsondata eval()方法： var jsondata='{"staff":[{"name":"洪七","age":70},{"name":"郭靖","age":35},{"name":"黄蓉","age":30}]}'； var jsonobj=veal('('+jsondata+')'); alert(jsonobj.staff[0].name); parse()方法： var jsondata='{"staff":[{"name":"洪七","age":70},{"name":"郭靖","age":35},{"name":"黄蓉","age":30}]}'； var jsonobj=JSON.parse(jsondata); alert(jsonobj.staff[0].name); 都可以，若把age后的70改成alert（123）；若用eval()方法，发现页面是先弹出123，再弹出洪七；也就是说用eval不仅解析了字符串，还执行了JS里的方法用parse（）解析字符串，发现会抛出一个错误。这说明用eval()不会看json是否合法，eval非常危险。所以尽量使用JSON.parse方法，来解析json里的字符串，而且还可以解析出json里的一些错误。 2、json校验工具jsonlint 3、把json格式化，地址:jsonlint.com

查看全部

0 采集收起来源：json解析、格式化和校验工具
2018-03-22
Jinezxcv

JSON基本概念： JSON：javaScript对象表示法（JavaScript Object Notation） JSON是存储和交换文本信息的语法，类似XML。它采用键值对的方式来组织，易于人们阅读和编写，同时也易于机器解析和生成 JSON是独立于语言的，也就是说不管什么语言，都可以解析json，只需要按照json的规则来就行 JSON和XML比较 JSON的长度和XML格式比起来很短小 JSON读写的速度更快 JSON可以使用JavaScript内建的方法直接进行解析，转换成JavaScipt对象，非常方便

查看全部

0 采集收起来源：json基本概念
2016-07-17
Jinezxcv

客户端实现核心是：创建XHR对象--并发送异步请求--接着监听服务器的响应结果并呈现在页面上 <script> 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+"number"+document.getElementById("staffNumber").value+"sex="+document.getElemntById("staffSex").value+"job="+document.getElemntById("staffJob").value; request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//很重要 request.send(data); ```` } } </script> 切记不要忘了在open和send之间设置 request.setRequestHeader("Content-Type","application/x-www-form-urlencode");

查看全部

0 采集收起来源：客户端实现
2018-03-22

首页上一页 403 404 405 406 407 408 409 下一页尾页

0/150

提交

取消

该课程已下架

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

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