{
	"name":"張三",
	"age":20,
	"phone":"12345678",
	"sex":"女",
	"grades":[
	  {
	  	"語文":100,
	  	"數(shù)學(xué)":98,
	  	"英語":100,
	  	"計(jì)算機(jī)":95,
	  	"物理":88,
	  	"電路":89
	  }
	]
}

export default{
        name: 'Order',
        data(){
            return{
                name:"",
                age:0,
                phone:"",
                sex:"",
                grades:[],
                avg:0
            }
        },

created() {
			this.name = data.name;
			this.age = data.age;
			this.phone = data.phone;
			this.sex = data.sex;
	    	this.grades = data.grades;
			
		},

            <label>name:</label><span>{{name}}</span><br />
            <label>age:</label><span>{{age}}</span><br />
            <label>phone:</label><span>{{phone}}</span><br />
            <label>sex:</label><span>{{sex}}</span><br />

"scripts": {
    "server":"json-server db.json"
}

function ajax(options) {
  //1.創(chuàng)建對(duì)象
    var xhr = new XMLHttpRequest();
   //2.處理參數(shù)——get請(qǐng)求的參數(shù)在open中，即拼接在url后面，post請(qǐng)求的參數(shù)在send中
    var params = formsParams(options.data);
    // 3.判斷請(qǐng)求方式
    if (options.type == "GET") {
        xhr.open(options.type, options.url + "?" + params, options.async);
        xhr.send(null)
    } 
     if (options.type == "POST") {
        xhr.open(options.type, options.url, options.async);
        //請(qǐng)求頭
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xhr.send(params);
    }
    //4.設(shè)置回調(diào)函數(shù)
    xhr.onreadystatechange = function () {
        //xhr.readyState == 4請(qǐng)求成功xhr.status == 200響應(yīng)完成
        if (xhr.readyState == 4 && xhr.status == 200) {
            options.success(xhr.responseText);
        }
    }
    function formsParams(data) {
        var arr = [];
        for (var key in data) {
      //用=將字符串分隔，再將值插入到arr數(shù)組中
        //key是對(duì)象的鍵，data[key]是鍵對(duì)應(yīng)的值
            arr.push(key+ "=" + data[key]);
        }
        return arr.join("&");
    }
}
ajax({
    url: "地址",  // url---->地址
    type: "POST",   // type ---> 請(qǐng)求方式
    async: true,   // async----> 同步：false，異步：true
    data: {        //傳入信息
        name: "張三",
        age: 18
    },
    success: function (data) {   //返回接受信息
        console.log(data);
    }
})

fetch(url,{
  method:
  headers:
  body:
//body：請(qǐng)求body信息，可能是一個(gè) Blob、BufferSource、FormData、URLSearchParams 或者 USVString 對(duì)象。注意 GET 或 HEAD 方法的請(qǐng)求不能包含 body 信息。
})
//get方式
fetch(url?id=001,
    {method:'GET'
})
.then(response => response.json()) //response.json()將后端返回的數(shù)據(jù)，轉(zhuǎn)換為json格式
.then(data => console.log(data))
.catch(e => console.log("Oops, error", e))
//post方式
fetch(url,{
		method:"POST",
		headers: new Headers({
		   'Content-Type': 'application/x-www-form-urlencoded' // 指定提交方式為表單提交
		}),
	    body: "id=001&name=張三瘋" // post請(qǐng)求的參數(shù)
	})
.then(response => response.json())
.then(data => console.log(data))
.catch(e => console.log("Oops, error", e))

axios({
        url : “地址“ 
		method: “ 提交方式”
		params：{} 地址欄攜帶的數(shù)據(jù)（get方式）
		data:{} 非地址欄攜帶數(shù)據(jù)（如：post，put等等）,
		baseURL：如果url不是絕對(duì)地址，那么將會(huì)加在其前面。當(dāng)axios使用相對(duì)地址時(shí)這個(gè)設(shè)置非常方便
}).then(res=>{
    console.log(res.data);
})

axios({
        url:'getGoodsListNew.php',
       	 // method:'get',  默認(rèn)是get請(qǐng)求
        params:{
			count:3
		}
})
.then(res=>this.goodslist=res.data);

 axios(
      {
       	 method:'post',
       	 url:'regSave.php', 
         data:'username=jzmdd&userpass=123'
      })
    .then(res=>{  ……………………     });

 var params = new URLSearchParams();
    params.append('username', 張三瘋);  
    params.append('userpass', '123');  
 
    axios(
      {
       	 method:'post',
       	 url:'regSave.php', 
         data:params
      })
    .then(res=>{  ……………………     });

axios({
        url:"/vips",
        method:"post",
        data:{
            name:this.name,
            pass:this.pass,
            sex:this.sex
        },
        baseURL:"http://localhost:3000"                
        })
        .then(res=>console.log(res.data))