Day_9-Ajax基础

1.什么是Ajax

解释：
A：asynchronous
ja：javascript
x：xml (异步js+xml)
功能：专门提供js中的网络请求功能(http请求)

2.Ajax的使用

a.$.get/post(url,data,fn,type)
功能：获取url接口提供的数据（get的接口），即请求数据
说明：
url(请求地址)：字符串（？之前的内容）
data(参数)：对象（？后面的内容用对象的格式书写）
fn(回调函数(参数)):请求结束后，调用函数，必须有一个参数，参数就是请求的数据
type(数据类型)：数据是字符串,类型例如: json,html, text...

//http://api.tianapi.com/meinv/key=772a81a51ae5c780251b1f98ea431b84&num=10
function getData(){
    $.get('http://api.tianapi.com/meinv/',{key:'772a81a51ae5c780251b1f98ea431b84', num:30},function(result){
    var newsLists = result['newslist']
    for(i=0;i<newsLists.length;i++){
        news = newsLists[i]
        imgNode = $('<img style="width: 200px; height: 200px;"/>')
        imgNode.attr('src', news['picUrl'])
        $('body').append(imgNode)
                    
        }
    })
}

b.$.ajax({url:请求地址, type:'get'/'post', async:是否异步, success:回调函数, data:参数对象})

$.ajax({
    type:"get",
    url:"http://api.tianapi.com/meinv/",
    data:{key:'772a81a51ae5c780251b1f98ea431b84', num:10},
    async:true,
    success:function(result){
        console.log(result)
    }
});