慕课网

精品课程 Ajax全接触

Ajax全接触

最热最新

空之境界丶 00:25

跨域1

查看全部

0 采集收起来源：处理跨域方式--代理
2016-11-07
空之境界丶

$(document).ready(function(){ $("#serach").click(function(){//绑定click事件 $.ajax({ type:"GET",//请求方式 url:"service.php?number="+$("#keyword").val(),//请求地址 dataType:"json",//响应数据类型 success:fuction(data){//请求成功后执行的方法，参数1data是响应数据 if(data.success){ $("#serachresult").html(data.msg) }else{ $("#serachresult").html("出现错误"+data.msg) }, } error:function(jqXHR){//请求失败执行的方法,参数jqXHR是XHR的对象 alert("发生错误"+jqXHR.status) } }); }); $("#save").click(function(){ $.ajax({ type:"POST", url:"serveice.php", data:{ //请求传送的数据，是个对象 name:$("#name").val(), number:$("#number").val(), sex:$("#sex").val(), }, success:fuction(data){//请求成功后执行的方法，参数1data是响应数据 if(data.success){ $("#serachresult").html(data.msg) }else{ $("#serachresult").html("出现错误"+data.msg) }, } error:function(jqXHR){//请求失败执行的方法,参数jqXHR是XHR的对象 alert("发生错误"+jqXHR.status) } }); }); }); })

查看全部

0 采集收起来源：jQuery中的AJAX
2018-03-22
空之境界丶

JSON解析的两种方法： 1.eval('('+jsondata+')'),eval（）会执行json中的js代码，不判断是否合法，十分危险，不推荐使用 2.JSON.parse（jsondata），判断json中的值是否合法，不合法会报错 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
空之境界丶 04:41

SON：JavaScript对象表示法，全称：JavaScript Object Notation 1、JSON是存储和交换文本信息的语法，类似XML。它采用键值对的方式来组织数据，易于人们阅读和编写，同时也易于机器解析和生成 2、JSON是独立于语言的，任何语言都可以按照json的规则来解析 JSON与XML比较： 1、json的长度比xml短小 2、json的读写速度更快 3、json可以使用JavaScript内置的方法直接进行解析并转换成JavaScript对象，很方便 JSON语法规则： 1、json数据的格式是："名称":值形式的键值对，名称需要在双引号中，中间以冒号":"隔开； 2、json的值可以是以下类型：数字（整数和浮点数）字符串（在双引号中）逻辑值（true或false）数组（在方括号中[]）对象（在花括号中{}） null

查看全部

0 采集收起来源：json基本概念
2018-03-22
空之境界丶

readystate: 0 （未初始化）对象已建立，但是尚未初始化（尚未调用open方法） 1 （初始化）已调用send()方法，正在发送请求 2 （发送数据） send方法调用完成，但是当前的状态及http头未知 3 （数据传送中）已接收部分数据，因为响应及http头不全，这时通过responseBody和responseText获取部分数据会出现错误， 4 （完成）数据接收完毕，此时可以通过通过responseBody和responseText获取完整的回应数据

查看全部

0 采集收起来源：客户端实现
2016-11-07
空之境界丶 04:43

XMLHttpRequest取得响应响应的数据自动填充XHR对象的相关属性 1>responseText:获得字符串形式的响应数据 2>responseXML：获得XML形式的响应数据（比较少） 2>status和statusText:以数字和文本形式返回HTTP状态码对响应数据的相关方法 1>getAllResponseHeader()：获取所有的响应报头 2>getResponseHeader()：查询响应中的某个字段的值 readyState属性--请求/响应过程的当前活动阶段 0：请求未初始化，open还没有调用 1：服务器连接已建立，open已经调用了 2：请求已接收，也就是接收到头信息了 3：请求处理中，也就是接收到了响应主体 4：请求已完成，且响应已就绪，也就是响应完成了实现代码： var xhr = createXHR(); xhr.onreadystatechange = function () { // 放在open()调用前 if (xhr.readyState == 4) { // 完成阶段 if ((xhr.status >= 200 && xhr.status < 300) || (xhr.status == 304)) { // HTTP响应成功或者直接使用缓存 return xhr.responseText; // 获得响应主体内容 } else { return xhr.status; // 获得不成功响应的HTTP状态 } } } xhr.open(); xhr.send();

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
2018-03-22
空之境界丶 03:20

XMLHttpRequest用法 1》open(method,url,async) method：规定HTTP发送请求的方式是get还是post,不区分大小写，一般来说用大写 url：请求地址(相对地址或绝对地址) async:同步/异步(false/true)，默认是异步也就是true，可以不用填写 2》send(string) 发送特定请求到服务器参数设置 GET请求不填或填null post请求一般为页面的表单数据 3》模仿表单提交服务器对于POST请求要做解析处理，需要模仿为表单提交将Content-Type头部信息设置为application/x-www-form-urlencoded PS:表单提交，如果有需要，页面中表单数据可以进行序列化后，再发送到服务器

查看全部

0 采集收起来源：Ajax-XMLHttpRequest发送请求
2016-11-07
空之境界丶 04:12

HTTP 概念 1.HTTP是计算机通过网络进行通信的规则 2.HTTP是一种无状态的协议(不建立持久的连接，服务端不保留连接的相关信息,浏览器发出请求和服务器返回响应是一个没有记忆的过程) HTTP请求概念 1.一个完整的【HTTP请求】过程有7个步骤： 1>建立TCP连接 2>Web浏览器向Web服务器发送请求命令 3>Web浏览器发送请求头信息 4>Web服务器应答 5>Web服务器发送应答头信息 6>Web服务器向浏览器发送数据 7>Web服务器关闭TCP连接 2.http请求由4部分组成 1>HTTP请求的方法或动作，post或get 2>正在请求的URL,知道请求的地址是什么 3>请求头，包含一些客户端环境信息，身份验证信息等 4>请求体(请求正文)，包含要发送的一些字符串信息,表单信息等 PS: 请求头和请求体之间有一个空行，表面请求头已经结束

查看全部

0 采集收起来源：Ajax-HTTP请求
2018-03-22
空之境界丶

// 跨浏览器创建XMLHttpRequest对象 function createXHR() { if(window.XMLHttpRequest) { return new XMLHttpRequest() } else { return new ActiveXObject("Microsoft.XMLHTTP") } }

查看全部

0 采集收起来源：Ajax-XMLHttpRequest对象创建
2018-03-22
空之境界丶

Ajax -- Asynchronous Javascript And XML 交互三步走 1、运用HTML和CSS实现页面，表达信息；（在页面进行操作） 2、运用XMLHttpRequest和web服务器进行数据的异步交换；（ajax -- 页面向服务器请求数据） 3、运用JavaScript操作DOM，实现动态局部刷新；（接收数据后页面变化） PS: 1.同步：就是用户填写完信息之后，全部提交给服务器，等待服务器的回应，是一次性全部的。 2.异步：当用户填写完一条信息之后，这条信息会自动向服务器提交，然后服务器响应客户端，在此过程中，用户依然在填写表格的信息，即向服务器请求多次，节省了用户的时间，提高了用户的体验。 3.XMLhttpRequest对象来实现这一功能，也需要javascript来操作DOM实现局部的信息更新。

查看全部

0 采集收起来源：Ajax-同步和异步
2016-11-07
空之境界丶

Ajax的全称：Asynchronous Javascript and XML(异步的javascript和xml)，是一种在无需重新加载整个页面的情况下能够更新部分网页的技术. 使用了ajax技术的网页通过在后台跟服务器进行少量的数据交换，网页就可以实现异步局部更新。

查看全部

0 采集收起来源：Ajax全接触课程介绍
2016-11-07
QQ_3 01:37

var request; if(window.XMLHttpRequest){ request = new XMLHttpRequest();//IE7+,Firefox,Chrome,Opear,Safari.. }else{ request = new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE5 }

查看全部

0 采集收起来源：Ajax-XMLHttpRequest对象创建
2018-03-22
学之舟_36820 11:30

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

查看全部

1 采集收起来源：json解析、格式化和校验工具
2018-03-22
学之舟_36820 03:53

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

查看全部

0 采集收起来源：json基本概念
2016-11-06
studyh5 02:10

http请求过程

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-11-06

首页上一页 309 310 311 312 313 314 315 下一页尾页

0/150

提交

取消

该课程已下架

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

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