1、ajax是利用js或者jq在页面不被刷新、页面链接不改变的情况下与服务器交换数据并更新部分网页的技术。简而言之,就是通过ajax获取数据。
2、ajax获取数据的三种方法
(1)、原生
let ajax=new XMLHttpRequest()
ajax.open('GET',
'http://47.92.50.43:8888/sys/siteinfo',//url()地址
true)
ajax.send()
ajax.onreadystatechange=()=>{
if(ajax.readyState===4){
if(ajax.status===200){
let arr=JSON.parse(ajax.response).pageData.resultData
}
}
}
(2)简化版本一:
$.ajax({
// type:'GET',//默认可以不写
url:' ',
success(data){
let arr=JSON.parse(data).pageData.resultData
arr.forEach(r => {
let li=$('<li/>').html(`${r.name}--${r.price}
<img src="${r.verticalPic}" style="width:100px;"/>`)
$('.contain').append(li)
});
}
})
(3)简化版本二:
//ajax获取方法三:(ajax获取可以有多条)
$.get('http://47.92.50.43:8888/sys/siteinfo',function(data){
$('#tel').text(data.tel)
})