jQuery Ajax相关api（重点）

Ajax底层

        语法：$.ajax({url,type,data,success})

$.ajax({
		url: "3-get.php",
		type: "get",
		data: {
			name: "yhc",
			id: 5321
		},
		success: function(res) {
			console.log(res)
		}
	})

---

Ajax中层

load方法

        语法：jqDOM.load(url,[请求参数],[回调函数])
        功能：将响应的内容显示在该dom节点html（）中，并执行回调函数
        作用：头尾相同的页面的头尾引入（可引入html文件，该文件中还可以写css和js），提高复用性
        注：对于load方法而言，通常用来访问html页面的，所以往往不加请求参数，加请求参数是post，不加是get

get/post方法

        语法：$.get(url,｛请求参数｝,回调函数)

$.get("3-get.php", {
		name: "heihei",
		id: 17
	}, function(resText, status, xhr) {
		console.log(resText)
	})

        返回值为一个promise对象，可写成如下形式

function f1(res) {
		console.log(res)
	}

	function f2() {
		console.log("响应失败")
	}
	$.get("3-get.php", {
		name: "yhc",
		id: 123
	}).then(f1, f2)

post方法同上

get 与post区别

• 安全性：get方式请求参数会拼接到url后面，安全性低，post请求参数会包裹在请求体中，安全性高
• 传输数量：get方式传输数据量小，不能超过2kb，post传输数据量大
• 传输速度：get速度快，post慢

---

 Ajax高层

getScript方法

        语法：$.getScript(url,回调函数)

        功能：在需要加载此段代码时加载此段代码，随后执行回调函数

	$("button").click(function() {
		$.getScript("4-getScript.js", function() {
			change($("div"))
		})
	})

        作用：提高性能，减少不必要的渲染

getJSON方法

        语法：$.getJSON(url,回调函数)

        功能：获取json数据，无需转格式，获取的直接就是json对象

​
	$.getJSON("5-getJSON.json", function(res) {
		console.log(res)
	})

​