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

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • readyState属性
    查看全部
  • <label></label> <select> <option></option> </select>
    查看全部
    0 采集 收起 来源:客户端实现

    2018-03-22

  • http的请求过程:1.建立TCP连接,2.web浏览器向web服务器发送求情命令。3.web浏览器发送请求头信息。4.web服务器做出应答 5.web服务器发送应答头信息 ,6.web服务器向浏览器发送数据 7。web服务器关闭tcp链接
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-03-21

  • XHR发送请求
    查看全部
  • XMLHttpRequest响应过程代码
    查看全部
  • readyState属性,在响应中条件判断中的一个readyState===4
    查看全部
  • XMLHttpReq取得响应 responseText:获得字符串形式的相应数据 responseXML:获得XML形式的响应数据 status和statusText:以数字和文本形式返回HTTP状态码 getAllResponseHeader():获取所有响应报头 getResponseHeader():查询响应中的某个字段的值 readState属性 0:请求为初始化,open还没有调用 1:服务器连接已经建立,open已经调用了 2:请求(头信息)已接收 3:请求处理中,接收到相应主体 4:请求已经完成,响应就绪 监听readState .onreadystatechange
    查看全部
  • 配合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连接是用点(.),并且里面的值要用括号括起来
    查看全部
  • 常见的HTTP状态码
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-03-21

  • 一个百度在线的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

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

    2016-03-21

  • http的请求过程:1.建立TCP连接,2.web浏览器向web服务器发送求情命令。3.web浏览器发送请求头信息。4.web服务器做出应答 5.web服务器发送应答头信息 ,6.web服务器向浏览器发送数据 7。web服务器关闭tcp链接
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-03-21

  • 步骤: 1、利用html+css来实现页面,表达信息; 2、用XMLHttpRequest和web服务器进行数据的异步交换 3、运营js操作DOM,实现动态局部刷新;
    查看全部
  • json的两种解析方式, eval和parse<br> <br> var jsondate='{"staff":[{"name":"洪七","age":alert(123)},{"name":"郭靖","age":23}]}'<br> var jsonObj=eval('('+jsondate+')');<br> var jsonObj=JSON.parse(jsondate);<br> <br> eval方式是全部解析,parse方式是按语法解析 eval方法解析的时候不会去管JSON字符串中的语法格式,而JSON.parse会、 解析JSON的时候符号太容易搞错。用JSONLint这个在线校验工具可以很好解决这个问题。 所有从服务器返回的JSON字符串的规定: "success":true, //请求是否成功 "msg":"XXX" //请求后返回的信息 "data":"XXX" //请求返回的数据
    查看全部

举报

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

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