Ajax/JSON结构说明

* $.ajax相关说明
                 * 1.{key:value}
                 * 2.type: ajax请求的方式 get/post/put/delete
                 * 3.简化$.get(..) $.post(...)  $.getJSON(...)
                 * 4.url: 远程服务器地址
                 * JSONP: JS端解决跨域问题的一种机制. 现在几乎淘汰了
                 * cache: true 默认值为true
                 * async: true 默认异步!!!!
 

JSON结构

对象格式

语法: {“id”:100,“name”:“tomcat”}
对象是无序的

数组格式

语法: [1,2,3,“张三”,“李四”] 值的有序集

嵌套格式

核心知识点: value可以嵌套

["1","2",["3","4",{"5":111,"6":[{"7":222,"8":333,["9","10"]}]}]]

浏览器同源策略

• 请求协议 http:// https://
• 请求域名
• 请求的端口
  上述的三项必须相同. 满足同源策略.浏览器可以解析数据,否则不能正常解析

案例练习1:
URL: http://www.jd.com/xxx/xxx
Ajax: https://www.jd.com/xxx/xxx/xxx 协议不同

案例练习2:
URL: http://www.jd.com:80/xxx/xxx 满足要求
Ajax: http://www.jd.com:80/xxx/xxx/xxx

案例练习3: IP与域名对应
URL: http://www.jd.com:80/xxx/xxx 不满足要求 域名不同
Ajax: http://10.0.0.6:80/xxx/xxx/xxx

案例练习4:
URL: http://www.jd.com/xxx/xxx 不满足要求 域名不同
Ajax: http://www.jt.com/xxx/xxx/xxx
 

跨域

如果URL地址与Ajax请求路径违反了同源策略,则称为跨域请求

核心:
1. 浏览器URL地址: http://127.0.0.1:8848/cgb2103/demoWeb/userList.html
2. Ajax请求地址: http://localhost:8090/getUser
该操作不满足同源策略