为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
Ajax全接触_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • http状态码
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-04-09

  • http请求
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-04-09

  • get post
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-04-09

  • ddss
    查看全部
  • xmlHttpRequest
    查看全部
  • jason语法规则实例
    查看全部
    0 采集 收起 来源:json基本概念

    2016-04-09

  • json语法规则
    查看全部
    0 采集 收起 来源:json基本概念

    2016-04-09

  • XMLHttpRequest发送请求 方法 open(method,url,async) method 提交的方式,get 或者 post url 请求的地址 async 同步或者异步 同步为false 异步为true send(String)把请求发送到服务器中 request.open("post","post.php",true) request.setRequestHeader("Content-type,"application/x-www-form-urlencoded) request.send("name=王二狗&sex=男")
    查看全部
  • 运用html和css来实现页面。表达信息; 运用XMLHttpRequest和web服务器进行数据的异步交互; 运用javascript操作Dom,实现动态局部刷新; XMLHttpRequest对象 var request = new XMLHttpRequest(); var request; if(window.XMLHttpRequest){ request = new XMLHttpRequest(); }else{ request = new ActiveXObject("Microsoft.XMLHTTP"); } 什么是HTTP http是计算机通过网络进行通信的规则 Http是一种无状态协议 完整的http请求,通常有下面7个步骤 1.建立TCP连接 2.web浏览器向web服务器发送请求命令 3.Web浏览器发送请求头信息 4.Web服务器应答 5.web发送应答头信息 6.web服务器向浏览器发送数据 7.web服务器关闭TCP连接 Http请求一般由四部分组成 1.http请求的方法或者动作,比如get或者post 2.正在请求的url 3.请求头,包含客户端环境信息,身份验证信息等 4.请求体,也就是正文,请求正文中可以包含可以提交的查询字符串信息,表单信息等等 http响应 1.一个数字和文字组成的状态码,用来显示请求时成功或者失败 2.响应头,响应头包括服务器的类型、日期时间、内容类型和长度等 3.响应体,也就是响应正文 http状态码由3位数字构成,其中首位数字定义了状态码的类型 1XX:信息类,表示收到web浏览器请求,正在进一步的处理中 2XX: 成功,表示请求被正确接客户请求,理解和处理,比如200 3XX: 重定向,表示请求没有成功,客户必须采取进一步的动作 4XX:客户端错误,表示客户端提交的请求错误,例如404 5XX:服务器错误,表示服务器不能完成对请求的处理 有利于页面的调试
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2018-03-22

  • 一个完整的http请求过程 1建立tcp连接
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-04-08

  • Javascript出于安全方面的考虑,不允许跨域调用其他页面的对象。什么是跨域呢?简单地理解就是因为javascript同源策略的限制,a.com域名下的js无法操作b.com或是c.a.com域名下的对象。 跨域处理,三种方法: 1、处理跨域方法一 代理 通过在同域名下的web服务器端创建一个代理: 北京服务器(域名:www.beijing.com) 上海服务器(域名:www.shanghai.com) 比如在北京的web服务器的后台(www.beijing.com/proxy-shanghaiservice.php)来调用上海服务器(www.shanghai.com/services.php)的服务,然后再把访问结果返回给前端,这样前端调用北京同域名的服务就和调用上海的服务效果相同了。 2、处理跨域方式二——JSONP(只支持GET请求): JSONP可用于解决主流浏览器的跨域数据访问的问题。 在www.aaa.com页面中: <script> function jsonp(json){ alert(json["name"]); } </script> <script src="http;//www.bbb.com/jsonp.js"></script> 在www.bbb.com页面中: jsonp({'name':'xx','age':24}) 这样就可以实现在www.aaa.com客户端访问获取www.bbb.com所在服务器中的文件或数据,从而实现跨域 3、处理跨域的方法三——XHR2: 1.HTML5提供的XMLHttpRequest Level2已经实现了跨域访问以及其他的一些新功能 2.IE10以下的版本都不支持 3.在服务器端 header('Access-Control-Allow-Origin:*'); header('Access-Control-Allow-Methods:POST,GET');
    查看全部
    2 采集 收起 来源:课程总结

    2018-03-22

  • 配合XHR2的IE10以下跨域: 在代码中js加上一句 jQuery.support.cors =true;或者$.support.cors =true; 然后:设置IE浏览器->Internet选项->安全->自定义级别->其他选项下面的->通过源数据:选择“启用”或者“提示”XHR2方式:支持GET和POST请求,IE10以下不支持。 前端无改动,后端需要加上: header('Access-Control-Allow-Origin:*'); //设置可访问域名,*为所有域 header('Access-Control-Allow-Methods:POST,GET'); //设置接收的请求方式
    查看全部
  • 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连接是用点(.),并且里面的值要用括号括起来
    查看全部
  • eval("("+ jsondata + ")");<br> JSON.prase(jsondata); 一般不建议单独使用eval();
    查看全部
  • var request=new XMLHttpRequest(); request.open("GET","get.php",true); request.send(); request.onreadystatechange=function(){ //监听的写法? if(request.readyState==4&&request.status==200){ //sth.. request.responseXML; } }
    查看全部

举报

0/150
提交
取消
课程须知
只需要有基础的javascript语法知识,就可以很容易理解本课程哦
老师告诉你能学到什么?
通过本课程的学习,您可以了解到Ajax概念、HTTP请求概念、PHP简单语法、JSON数据格式、Ajax的原生和jQuery实现、跨域等知识,只需要一些时间,看似复杂的知识点,其实都是纸老虎,会被你一捅就破。您不但会了解Ajax的使用,而且会清楚Ajax的原理,并举一反三。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!