慕课网

精品课程 Ajax全接触

Ajax全接触

最热最新

周末_1991 08:58

jQuery $ajax改造 type=POST

查看全部

0 采集收起来源：jQuery中的AJAX
2015-05-30
junjieok

处理跨域方式： 1、代理 2、JSONP 3、XHR2

查看全部

0 采集收起来源：处理跨域方式--XHR2
2015-05-30
junjieok

javascript出于安全方面的考虑，不允许调用其他域下的页面对象。什么是跨域呢，简单地理解就是因为js同源策略的限制，a.com域名下的js无法操作b.com或是c.a.com域名下的对象

查看全部

0 采集收起来源：处理跨域方式--代理
2015-05-30
junjieok

一个域名地址的组成: 协议、子域名、主域名、端口号、请求资源地址当协议、子域名、主域名、端口号中任意一个不相同时，就是不同域，不同域之前请求资源，就是“跨域”。

查看全部

0 采集收起来源：处理跨域方式--代理
2015-05-30
junjieok

JSON相关工具 1、在线校验工具 http://jsonlint.com/ 2、在线编辑、转换、格式化工具 http://jsoneditoronline.org/

查看全部

0 采集收起来源：json解析、格式化和校验工具
2015-05-29
junjieok

JSON：JavaScript 对象表示法（JavaScript Object Notation）。 JSON 是存储和交换文本信息的语法。类似 XML。 JSON 比 XML 更小、更快，更易解析。 JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation） JSON 是轻量级的文本数据交换格式 JSON 独立于语言 * JSON 具有自我描述性，更易理解 JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。

查看全部

0 采集收起来源：json基本概念
2015-05-29
junjieok

ajax的封装，用法类似jquery.ajax,代码如下（四）： xhrStateChange: function(xhr, successFn, failFn) { if (xhr.readyState == 4) { // 4 = "loaded" if (xhr.status == 200) { // 200 = OK successFn(xhr.responseText); } else { failFn.call(xhr, xhr.statusText, xhr.status); } } else { failFn.call(xhr, xhr.statusText, xhr.status); } } }; window.ajax = function(opts) { XHR.ajax.call(XHR, opts); }; })(); 具体见: http://www.cnblogs.com/junjieok/p/4538580.html

查看全部

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

ajax的封装，用法类似jquery.ajax,代码如下（三）： buildUrlParam: function(url,data,isPost) { if (data && !isPost) { if (url.indexOf("?") < 0) { url += "?" + data; } else { url += "&" + data; } } return url; }, param: function(data) { if (!data) { return null; } if (typeof data !== "object") { return data; } var postData = []; for (var key in data) { postData.push(key+"="+data[key]); } return postData.join("&"); },

查看全部

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

ajax的封装，用法类似jquery.ajax,代码如下（二）： ajax: function(opts) { var xhr = this.createXHR(), ajaxMethod = (opts.type || "GET").toUpperCase(), isPost = ajaxMethod == "POST", data = this.param(opts.data), url = this.buildUrlParam(opts.url, data, isPost); xhr.open(ajaxMethod, url, opts.async == undefined ? true : opts.async); if (isPost) { xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); } if (opts.contentType) { xhr.setRequestHeader("Content-type", opts.contentType); } var stateChange = this.xhrStateChange; xhr.onreadystatechange = function() { stateChange(xhr, opts.success, opts.error); } xhr.send(isPost ? data : null); },

查看全部

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

ajax的封装，用法类似jquery.ajax,代码如下（一）： (function() { var XHR = { createStandardXHR: function() { return new XMLHttpRequest(); }, createIEXHR: function () { return new ActiveXObject("Microsoft.XMLHTTP"); }, createErrorXHR: function () { alert("Your browser does not support XMLHTTP."); return null; }, createXHR: function() { //创建XMLHttpRequest对象 var xhr = null; if (window.XMLHttpRequest) { this.createXHR = this.createStandardXHR; // Firefox, Opera 8.0+,Safari，IE7+ } else { this.createXHR = this.createIEXHR; // IE5、IE6 } try { xhr = this.createXHR(); } catch (e) { this.createXHR = this.createErrorXHR; xhr = this.createXHR(); } return xhr; },

查看全部

0 采集收起来源：客户端实现
2018-03-22
周末_1991 07:42

jQuery $ajax改造 type="GET"

查看全部

0 采集收起来源：jQuery中的AJAX
2018-03-22
周末_1991 06:49

如果成功第一个参数是(data) 相当于request.responseText 设置dataType="json" 所以data已经解析完的

查看全部

0 采集收起来源：jQuery中的AJAX
2018-03-22
周末_1991 06:28

发生错误拿到的对象是(jqXHR)jqXHR.status相当于request.status 拿到错误码

查看全部

0 采集收起来源：jQuery中的AJAX
2015-05-30
周末_1991 01:00

jquery中的ajax $.ajax

查看全部

0 采集收起来源：jQuery中的AJAX
2015-05-29
周末_1991 10:59

request.status进行的是状态判断，不能进行逻辑判断，传得值为空，也会返回200 用request.responseText直接判断字符串不灵活，所以才用json

查看全部

0 采集收起来源：json解析、格式化和校验工具
2015-05-29

首页上一页 777 778 779 780 781 782 783 下一页尾页

0/150

提交

取消

该课程已下架

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

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