Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。
整个过程是异步，不需要等待服务器返回数据，才执行后面的内容。
function ajax(url,fn){ //创建xhr对象 var xhr = new XMLHttpRequest() //设置发送的服务器地址和方法 xhr.open("GET",url) //发送 xhr.send() //xhr状态改变的事件进行监听 xhr.onreadystatechange = function(){ console.log("readyState:"+xhr.readyState) console.log("status"+xhr.status) if(xhr.readyState==4&&xhr.status==200){ fn(xhr) } } }
调用：
ajax("./recommend.json",function(xhr){
console.log(xhr)
var jsonObj = JSON.parse(xhr.responseText)
console.log(jsonObj)
var arr = jsonObj.list;
console.log(arr)
arr.forEach(function(item,index){
var div = document.createElement("div")
div.innerHTML = `<h3><a href="https://www.bilibili.com/video/av${item.aid}/"> ${item.title}</a></h3><p>${item.description}</p>`
document.body.appendChild(div)
})
})
jQuery_Ajax
原生Ajax的步骤：
Xhr->xhr.open(get,url)->xhr.send->xhr.onrealystatechange
jQuery_Ajax:
语法：
$.get(url).then(function(res){获取内容执行的函数})
$.post(url).then(function(res){获取内容执行的函数})
不分方法：
$.ajax({ url:"服务器地址", method:"请求方法", data:{//传给服务器的参数 location:$("#city").val(), key:‘c8b18212397748599a7fb0bfa1022b56‘ },success:function(res){//成功执行的函数 console.log("成功的执行：") console.log(res) }, fail:function(res){//失败执行的函数 console.log("失败的执行：") console.log(res) }, complete:function(res){//不管成功失败都会执行的函数 console.log("complete的执行：") console.log(res) } }) })
原文：https://www.cnblogs.com/ruckly/p/11006744.html