json和跨域

1、json   javaScript  Object Notation(javaScript 对象表示法）

json是 存储和交换文本信息的语法，类似XML         json是轻量级的文本数据交换格式

2、JSON遍历数组

例：var jsonObj = { "name": "成霄","age": 22,"height": "175", "hobby": ["敲代码","健身","游戏"] };

        console.log(jsonObj.name);

    console.log(jsonObj['age']);

    for (var key in jsonObj.hobby) {

        //key 是数组的索引

        document.write(jsonObj.hobby[key])

    }

    jsonObj.hobby.forEach(function(value,index){

        console.log(value,index);

        document.write(value)

    })

3、json  对象 与json  字符串转换

json对象  转换成  json 字符串   json.stringify

json字符串  转json 对象  json.parse()

4、获取对象里的属性值

（1）json对象.属性  

（2） json[‘属性’]  []获取里面要加引号

5、jsonp 解决跨域  

jsonp的实现原理  动态创建script标签

Jsonp(JSONwithPadding)是json的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。
为什么我们从不同的域（网站）访问数据需要一个特殊的技术(JSONP)呢？这是因为同源策略。
同源策略，它是由Netscape提出的一个著名的安全策略，现在所有支持JavaScript的浏览器都会使用这个策略。

示例

$(function () {

        $.ajax({

            url: 'https://www.baidu.com?callback=fn',

            type: 'get',

            dataType: 'jsonp',

            success: function (res) {

                console.log(res)

            }

        })

    })

    // 创建动态标签

    var url = 'https://www.baidu.com?callback=fn';

    var script = document.createElement('script');

    document.getElementsByTagName('head')[0].appendChild(script);

    script.setAttribute('src', url);

    function fn(user, password) {

        

    }

6、跨域

 // 同源策略：协议，域名，端口号一致就叫同源   http/https  www.baidu.com  8080

    // 跨域:只要上述有一个不一致就叫跨域    

总结：解决跨域方法：1.jsonp 2.后台配置 3.设置代理（后期再vue框架会讲）

    // https://www.baidu.com:8080    源地址

    // https://www.baidu.com:8090  

    $.ajax({

        url:'http://course.myhope365.com/index',

        type:'get',

        dataType:'jsonp',

        success:function(res){

            console.log(res)

        }

    }) 

 

// jsonp的实现原理  动态创建script标签

    var url = 'https://www.baidu.com?callback=fn';

    var script = document.createElement('script');

    script.setAttribute('src', url)

    document.getElementsByTagName('head')[0].appendChild(script);

    function fn(name, age) {

        // 业务逻辑

    }

//  No 'Access-Control-Allow-Origin' header is present on the requested resource.  跨域问题

// 解决跨域：1.jsonp 动态创建script 标签，利用src属性可以完成

//          2.通过后台设置请求头

//          3.代理方式