慕课网

精品课程 Ajax全接触

Ajax全接触

最热最新

慕盖茨8827618 06:01

get和post的区别 get安全性不好；并且传送的数据是可见的，传送的数据具有字数的限制； post安全性好，

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-03-21
慕盖茨8827618 02:08

HTTP请求过程

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-03-21
梦幻星空web

客户端实现(原生JS实现ajax) [不要忘了在open和send之间设置 request.setRequestHeader("Content-Type","application/x-www-form-urlencode")] 核心是：创建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); ```` } }

查看全部

0 采集收起来源：客户端实现
2018-03-22
慕盖茨8827618 01:24

var request; if(window.XMLHttpRequest){ request = new XMLHttpRequest();//IE7+ ,fireFOX,chrome,opera, safari }else{ request = new ActiveXObject("Microsoft.XML");//IE6,IE5 } 兼容IE5/IE6的时候需要写的代码

查看全部

0 采集收起来源：Ajax-XMLHttpRequest对象创建
2018-03-22
梦幻星空web

request.open(method;url,async);//第三个参数表示是否异步。默认是异步<br> request.send(string); //若method ="GET" 则string可不写；若method ="POST"，string可以写上。<br> <br> request.setRequestHeader("Content-type","application/x-www-form-urlendoded");这句只能写在open和send中间。

查看全部

0 采集收起来源：Ajax-XMLHttpRequest发送请求
2018-03-22
梦幻星空web

get 请求一般用来查询的是用url来传递参数，对发送的信息有限制，一般在2000个字符 post 从表单向服务器发送信息，对数量没有限制。为了看懂HTTP，我专门去查了具体的，如这个微博讲得很详细：http://www.cnblogs.com/rayray/p/3729533.html

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-03-21
梦幻星空web

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

查看全部

0 采集收起来源：Ajax-XMLHttpRequest对象创建
2018-03-22
梦幻星空web

XMLHttpRequest对象的出现分割了同步和异步。XMLHttpRequest出现之前是同步的，出现之后是异步的。同步：页面请求实时传给服务器，导致必填数据没有填的时候，要回到页面上重新从头填写，耗时长、客户体验差。异步：在页面必填项写上必填选项，不用通过传给服务器判断必填内容是否已经填写完整，耗时短、用户体验强。

查看全部

0 采集收起来源：Ajax-同步和异步
2016-03-21
L阡陌云开

配合XHR2的IE10以下跨域：在代码中js加上一句 jQuery.support.cors =true;或者$.support.cors =true; 然后：设置IE浏览器->Internet选项->安全->自定义级别->其他选项下面的->通过源数据：选择“启用”或者“提示”

查看全部

0 采集收起来源：处理跨域方式--XHR2
2018-03-22
L阡陌云开

处理跨域方法二——JSONP： 1.JSONP的方式只支持GET请求，不支持POST请求。

查看全部

0 采集收起来源：处理跨域方式--JSONP
2016-03-21
L阡陌云开

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

查看全部

0 采集收起来源：处理跨域方式--代理
2016-03-21
L阡陌云开

一个百度在线的JQuery包————http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js 用JQuery来实现Ajax<br> <br> 不用去考虑浏览器的兼容性。大大简化了我们的操作。因为JQuery里面本来就封装了JS的ajax方法免去了底层去初始化XHR对象，方法调用，监听事件等繁琐的事情。

查看全部

0 采集收起来源：jQuery中的AJAX
2018-03-22
L阡陌云开

json 解析有两种方法：eval();JSON.parse() eval()解析，不会看看json字符串是否合法，会执行里面的方法，非常危险；JSON.parse()则不会，会提示语法错误。

查看全部

0 采集收起来源：json解析、格式化和校验工具
2016-03-21
L阡陌云开

JSON语法展示： {}中表示对象。【】表示数组，数组中可以有对象。注意名是用双引号引起来的

查看全部

0 采集收起来源：json基本概念
2016-03-21
L阡陌云开

客户端实现(原生JS实现ajax) [不要忘了在open和send之间设置 request.setRequestHeader("Content-Type","application/x-www-form-urlencode")] 核心是：创建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>

查看全部

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

首页上一页 528 529 530 531 532 533 534 下一页尾页

0/150

提交

取消

该课程已下架

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

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