AJAX

如何发请求?

用 form 可以发请求,但是会刷新页面或新开页面
用 a 可以发 get 请求,但是也会刷新页面或新开页面
用 img 可以发 get 请求,但是只能以图片的形式展示
用 link 可以发 get 请求,但是只能以 CSS、favicon 的形式展示
用 script 可以发 get 请求,但是只能以脚本的形式运行

JSON 是一门新语言

同源策略

只有 协议+端口+域名 一模一样才允许发 AJAX 请求

一模一样一模一样一模一样一模一样一模一样一模一样一模一样一模一样

  1. http://baidu.com 可以向 http://www.baidu.com 发 AJAX 请求吗 no
  2. http://baidu.com:80 可以向 http://baidu.com:81 发 AJAX 请求吗 no

浏览器必须保证
只有 协议+端口+域名 一模一样才允许发 AJAX 请求
CORS 可以告诉浏览器,我俩一家的,别阻止他

突破同源策略 === 跨域

response.setHeader=('Access-Control-Allow-Origin','http://frank.com:8001')
//允许这个域名CORS他

Cross-Origin Resource Sharing
C O源 R S

CORS 跨域

1.JS可以设置任意请求 header吗?

  1. 第一部分request.open('get','/xxx')
  2. 第二部分request.setHeader('Content-Type','x-www-form-urlencoded')
  3. 第三部分回车不设置
  4. 第四部分request.send('a=1&b=2')

2.JS可以获得任意请求吗?

  1. 第一部分request.status/request.statusText
  2. 第二部分request.getResponseHeader()/reques.getAllReseHeaders()
  3. 第四部分request.responseText
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Jsonp 和 Ajax 有个毛关系啊!!! 这一点非常重要啊 大概是jQuery把Jsonp放到了ajax AP...
    squall1744阅读 620评论 2 3
  • 用 form 可以发请求,但是会刷新页面或新开页面用 a 可以发 get 请求,但是也会刷新页面或新开页面用 im...
    joker731阅读 159评论 0 0
  • 如何发请求? 用 form 可以发请求,但是会刷新页面或新开页面用 a 可以发 get 请求,但是也会刷新页面或新...
    半斋阅读 174评论 0 0
  • 前言:预习:http://javascript.ruanyifeng.com/bom/ajax.html 完整代码...
    格林姆大师阅读 315评论 0 0
  •   2005 年,Jesse James Garrett 发表了一篇在线文章,题为“Ajax: A new App...
    霜天晓阅读 902评论 0 1