jQuery Ajax

一、jQuery.Ajax

Ajax是与服务器进行数据交换技术，在不重载全部页面的情况下对页面进行部分网页更新，jQuery封装了Ajax简化了开发。

$.ajax()

$.ajax({
        // 1. 请求地址
        url: "https://showme.myhope365.com/api/shop/shopGoods/open/banner/list",
        // 2.请求方式
        type: "get",
        // 参数传递
        data: {},
        // 发送之前，操作（非必）
        beforeSend: function () {},
        // 设置数据传输格式（非必填，后端要求）
        contentType: "-----",
        // 数据处理
        success: function (res) {
            console.log(res);
            $('#box1').append(res.rows[0].content);
        },
        error: function (err) {
            console.log("404");
        },
        // 请求完成后
        complete: function () {},
    })

$.get()

• 第一个参数是：url
• 第二个参数是：向服务器传递的数据
• 第三个参数是：成功请求时运行的函数

$.get("https://showme.myhope365.com/api/shop/shopGoods/open/banner/list", 
{}, 
function (res) {
        console.log(res)
    })

$.post()

• 用法跟$.get()类似

$.post("https://showme.myhope365.com/api/shop/shopGoods/open/hot/list", {
        pageSize: 1,
        pageNum: 3
    }, function (res) {
        console.log(res)
    })

 load() :方法从服务器加载数据，并把返回的数据放入被选元素中。

 $("#box").load("local.txt", function (responsetxt, status, xhr) {
                console.log(responseTxt); //请求回来的内容
                console.log(statusTxt); //请求的状态 success   error
                console.log(xhr) //ajax的XMLHttpRequest实例对象
            })

二、JSON   

• JavaScript Object Notation(JavaScript 对象表示法)是轻量级的文本数据交换格式。
• 相比于一般对象是属性名用“”包起来。
• JSON值可以是，数字（整数或浮点数）、字符串（在双引号中）、逻辑值（true 或 false）、数组（在中括号中）、对象（在大括号中）、null
• JSON数组可以用for in 和 forEach() 遍历

    

    //for in 遍历
    for (x in jsonObj.hobby) {
        document.write(jsonObj.hobby[x]);
    }
    // forEach() 遍历
    jsonObj.hobby.forEach(function (va, ind) {
        console.log(va, ind);
        document.write(va);})

• JSON.parse()  
• 将数据转换为 JavaScript 对象
• JSON.stringify()
• 将 JavaScript 对象转换为字符串
•  JSONP
• 可以跨域读取数据

三、跨域问题

• 当协议、域名、端口号有一个不同就是跨域
• 解决跨域方法：1.jsonp 2.后台配置 3.设置代理
  • 　　jsonp
    •