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