jQuery Ajax

一、jQuery.Ajax

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

$.ajax()

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

$.get()

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

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

$.post()

用法跟$.get()类似

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

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

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

二、JSON

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

1     //for in 遍历
2     for (x in jsonObj.hobby) {
3         document.write(jsonObj.hobby[x]);
4     }
5     // forEach() 遍历
6     jsonObj.hobby.forEach(function (va, ind) {
7         console.log(va, ind);
8         document.write(va);})

JSON.parse()

将数据转换为 JavaScript 对象

JSON.stringify()

将 JavaScript 对象转换为字符串

JSONP

可以跨域读取数据

三、跨域问题

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