Ajax应用

在原生js中应用ajax

// 生成一个ajax请求对象
var xhr = new XMLHttpRequest()
// 打开一个请求
xhr.open('GET', url, true)
// 发送请求
xhr.send()
// 服务器有相应执行的函数
xhr.onload = function(){
	// const data = xhr.responseText;
	const data = JSON.parse(xhr.responseText);
	console.log(data);

	const ul = document.querySelector('ul');
	const newslist = data.newslist
	var str = ''
	newslist.forEach(function(item){
	str += `
		<li>
			<a href="${item.url}" target="_blank">${item.title}</a>
		</li>
	 `
	})
	ul.innerHTML = str;
}

在jQuery中应用ajax

$.ajax({
	url: '',
	async: true,
	method: 'GET',
	success: function(res){
		console.log(res);

		//$('ul').append()
	},
	error: function(err){}
})
$.ajax({
	url: '',
	async: true,
	method: 'POST',
	data: {
		key: '',
		num: 20,
	},
	success: function(res){
		console.log(res);
	},
	error: function(err){}
})