AJAX属于异步的方法,所以封装用-“回调函数”
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>封装AJAX</title>
</head>
<body>
<script>
//原生
var oReq = new XMLHTTPRequest()
//当请求加载之后要调用指定的函数
oReq.onload = function()
{
console.log(oRep.responseText)
}
oRep.open("get","指定的路径",true)
oRep.send()
// 封装
function get (url,callback)
{
var oReq = new XMLHTTPRequest()
//当请求加载之后要调用指定的函数
oReq.onload = function()
{
callback(oRep.responseText)
}
oRep.open("get",url,true)
oRep.send()
}
//使用
get('指定的路径',function(data){
console.log(data)
})
</script>
</body>
</html>
因为onload里面的代码需要异步执行,所以把要输出的部分用callback包裹。
封装部分,除callback外参数是形参,使用部分,除function外,参数是实参
在代码实际运行时,相当于 funciton()….把callback替代了