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

Ajax全接触

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

    2016-02-21

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

    2016-02-21

  • var request; if(window.XMLHttpRequest){ request=new XMLHttpRequest();//IE7+,Firefox,Chrome,Ooera,Safari... }else{ request=new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE7 }
    查看全部
  • XMLHttpRequest对象,可以产生异步,ajax才能出现
    查看全部
  • 调试工具fiddler
    查看全部
  • xhr2 服务端 header("Access-Control-Allow-Origin:*"); header("Access-Control-Allow-Methods:POST,GET");
    查看全部
    0 采集 收起 来源:课程总结

    2018-03-22

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

    2016-02-21

  • jquery支持jsonp dataType:"jsonp", jsonp:"callback" 后台接收 jsonp 后台获取 callback jsonp 用点号连接 括号扩取 参数值
    查看全部
  • readyState:0代表请求初始化,1代表与服务器连接已建立 2代表请求已接收 3代表请求处理中 4代表请求已完成,响应已就绪
    查看全部
  • 概念介绍--同步
    查看全部
  • 1、json解析的方法有两种:eval()和parse()方法 eval() 较危险,不光解析了字符串,还解析了js方法,一旦里面嵌套了window.location有可能会带来风险,无论何时用eval()都是非常危险的,。-----不建议使用 JSON.parse()较好,会解析出错误。 //例子:首先定义了JSON字符串jsondata eval()方法: var jsondata='{"staff":[{"name":"洪七","age":70},{"name":"郭靖","age":35},{"name":"黄蓉","age":30}]}'; var jsonobj=eval('('+jsondata+')'); alert(jsonobj.staff[0].name); parse()方法: var jsondata='{"staff":[{"name":"洪七","age":70},{"name":"郭靖","age":35},{"name":"黄蓉","age":30}]}'; var jsonobj=JSON.parse(jsondata); alert(jsonobj.staff[0].name); 都可以,若把age后的70改成alert(123);若用eval()方法,发现页面是先弹出123,再弹出洪七;也就是说用eval不仅解析了字符串,还执行了JS里的方法 用parse()解析字符串,发现会抛出一个错误。 这说明用eval()不会看json是否合法,eval非常危险。所以尽量使用JSON.parse方法,来解析json里的字符串,而且还可以解析出json里的一些错误。 2、json校验工具jsonlint 3、把json格式化,地址:jsonlint.com
    查看全部
  • JSON基本概念: JSON:javaScript对象表示法(JavaScript Object Notation) JSON是存储和交换文本信息的语法,类似XML。它采用键值对的方式来组织,易于人们阅读和编写,同时也易于机器解析和生成 JSON是独立于语言的,也就是说不管什么语言,都可以解析json,只需要按照json的规则来就行 JSON键、值均要加双引号“”; JSON和XML比较 JSON的长度和XML格式比起来很短小 JSON读写的速度更快 JSON可以使用JavaScript内建的方法直接进行解析,转换成JavaScipt对象,非常方便 图为例子
    查看全部
    1 采集 收起 来源:json基本概念

    2016-02-22

  • 跨域: 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}) 3、处理跨域的方法三——XHR2: 1、HTML5提供的XMLHttpRequest Level2已经实现了跨域访问以及其他的一些新功能 2.IE10以下的版本都不支持 3.在服务器端 header('Access-Control-Allow-Origin:*'); header('Access-Control-Allow-Methods:POST,GET');
    查看全部
  • jsonp方式不支持post格式.
    查看全部
  • data的数据设置格式 data{ name:$("").val() }
    查看全部
    0 采集 收起 来源:jQuery中的AJAX

    2018-03-22

举报

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

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