初识ajax，并通过jQuery通过ajax获取数据

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) })