慕课网

精品课程 Ajax全接触

Ajax全接触

最热最新

1的反面

jQuery封装好的请求ajax的数据格式例子：

查看全部

0 采集收起来源：jQuery中的AJAX
2015-07-14
1的反面 01:02

用jQuery实现ajax <script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script> JQuery在线版本库

查看全部

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

json解析的方法有两种：veal()和pars方法 eval() 较危险，不光解析了字符串，还解析了字符串的方法，无论何时用eval方法都是非常危险的和JSON.parse()较好，还会解析出错误 jsonlint.com是一个在线校验的工具可以校验json语法错误使每次JSON返回值有固定格式，有利于客户端判断并显示，如： {"success":true, "msg":"XXX"} 在Json中添加"success":"true"，进行逻辑是否成功的标记约定，“msg”：“XXX”作为返回值

查看全部

0 采集收起来源：json解析、格式化和校验工具
2018-03-22
1的反面 02:28

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

查看全部

0 采集收起来源：json基本概念
2015-07-14
1的反面

AJAX 局部更新 POST POST请求实例切记不要忘了在open和send之间设置 request.setRequestHeader("Content-Type","application/x-www-form-urlencode"); 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
1的反面

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通讯还提供了一个用户友好的格式。

查看全部

0 采集收起来源：PHP服务端代码测试
2018-03-22
1的反面

在dw里配置服务器 PHP代码

查看全部

0 采集收起来源：Ajax-服务器端实现
2015-07-14
1的反面 04:22

下载XAMMP一体化软件包 https://www.apachefriends.org/download.html / 傻瓜安装就行啦

查看全部

0 采集收起来源：Ajax-例子简介
2015-07-14
1的反面 03:07

XMLHttpRequest取得响应 * responseText:获得字符串形式的响应数据 * responseXML：获得XML形式的响应数据（比较少） * status和statusText:以数字和文本形式返回HTTP状态码 * getAllResponseHeader()：获取所有的响应报头 * getResponseHeader()：获取响应中的某个字段的值 readyState属性的变化代表服务器响应的变化 0：请求未初始化，open还没有调用 1：服务器连接已建立，open已经调用了 2：请求已接收，也就是接收到头信息了 3：请求处理中，也就是接收到了响应主体 4：请求已完成，且响应已就绪，也就是响应完成了通过监听readyState，对服务器的响应进行监听， readyState===4响应完成； status===200，请求成功建立异步请求的过程4个步骤： a:实例化XHR b:调用opend方法 c:发送请求send d:监听readyState,响应成功可以做一些事情，比如获取服务器响应的内容在页面上做一些呈现

查看全部

0 采集收起来源：Ajax-XMLHttpRequest取得响应
2015-07-14
1的反面 03:19

调用http请求 .open(method,url,async) method：规定HTTP发送请求的方式是get还是post,不区分大小写 url：请求地址 async:同步/异步(false/true)默认是异步也就是true .send(string):发送到服务器（该参数可填不填-----get方法不填，post:一般要填） request.setRequestHeader("Content-type","")--设置头信息--必须写在open，send之间

查看全部

0 采集收起来源：Ajax-XMLHttpRequest发送请求
2018-03-22
1的反面 02:07

HTTP是无状态协议无状态协议：不建立持久的连接（也就是服务端不保留一些相关的信息）一个HTTP请求一般由4个部分组成： 1:HTTP请求的方法或动作，比如是get还是post 2:正在请求的url 3：请求头（包含一些客户端环境信息，身份验证信息等） 4：请求体，也就是请求正文，请求正文中可以包含客户提交的查询字符串信息，表单信息等等请求头和请求体中间会有一个空行代表请求头结束 get:一般用于信息获取、使用url传递参数、对所发送信息的数量有限制，一般在2000个字符幂等 post:一般用于修改服务器上的资源、对发送信息的数量无限制、 HTTP响应，一般三部分组成： ①一个数字或文字组成的状态码，用来显示请求是成功还是失败 ②响应头，和请求头一样包含许多有用信息，如服务器类型、日期时间、内容类型和长度等 ③响应题，即响应正文状态码由三位数字构成，其中首位数字定义了状态码的类型： 1XX：信息类，表示收到Web浏览器请求，正在进一步处理中 2XX:成功，表示用户请求被正确接收 3XX:重定向，表示请求没有成功，客户必须采取进一步动作 4XX:客户端错误，表示客户端提交的请求有错误，例如：404 NOT Found,意味着请求中所引用的文档不存在 5XX:服务器错误，表示服务器不能完成对请求的处理，如：500

查看全部

1 采集收起来源：Ajax-HTTP请求
2015-07-14
1的反面 01:19

xmlHttpRequest的使用首先实例化一个这样的对象： var request = new XMLHttpRequest();(IE5和IE6是不支持的,兼容的解决办法见图代码)

查看全部

0 采集收起来源：Ajax-XMLHttpRequest对象创建
2015-07-14
1的反面 05:41

XMLHttpRequest对象出现后才开始出现异步的 XMLHttpRequest对象可以用于后台和服务器交换数据

查看全部

0 采集收起来源：Ajax-同步和异步
2015-07-14
1的反面

AJAX：全程为Asynchronous JavaScript and XML（异步的javascript和XML） Ajax不是某种编程语言，是一种在无需重新加载整个网页的情况之下能够更新部分网页的技术

查看全部

0 采集收起来源：Ajax全接触课程介绍
2015-07-14
慕运维4840222 09:06

典型的HTTP响应：

查看全部

0 采集收起来源：Ajax-HTTP请求
2015-07-14

首页上一页 741 742 743 744 745 746 747 下一页尾页

0/150

提交

取消

该课程已下架

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

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