Day9 Ajax请求

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