1.什么是ajax
Ajax 即“Asynchronous Javascript And XML”(异步 JS和 XML),是指一种创建交互式网页应用的网页开发技术。
Ajax类似于python中的requests第三方库,专门提供js中的网络请求功能(http请求)
Web的运作原理:一次HTTP请求对应一个页面。
如果要让用户留在当前页面中,同时发出新的HTTP请求,就必须用JavaScript发送这个新请求,接收到数据后,再用JavaScript更新页面,这样一来,用户就感觉自己仍然停留在当前页面,但是数据却可以不断地更新。
2.使用方法
1) $.get(url, data, fn, type) - 获取url接口提供的数据(get的接口)
url - 待载入页面的URL地址(字符串)
data - 待发送 Key/value 参数(对象)
fn - 回调函数(函数),请求结束后,会自动调用这个函数,这个参数就是请求的结果
type - 返回数据类型(字符串,例如: json, html, text...)
url = 'https://www.apiopen.top/satinApi'
$.get(url, {type: '1', page:'1'}, function(resutl){
dataList = resutl['data']
len = dataList.length
for(i=0; i<len; i++){
datas = dataList[i]
imgNode = $('<img style="width: 100px"/>')
imgNode.attr('src', datas['profile_image'])
$('body').append(imgNode)
nameNode = $('<font>' + datas['name'] + '</font>')
$('body').append(nameNode)
$('body').append('<br>')
}
}, 'json')