Js调用api接口 js调用webapi

api接口指的是应用程序编程接口（Application Programming Interface），是一些预先定义的函数，或指软件系统不同组成部分衔接的约定。用来提供应用程序与开发人员基于某软件或硬件得以访问的一组例程，而又无需访问原码，或理解内部工作机制的细节。

function productClickHandler() {
    var xhr = new XMLHttpRequest(); // 创建xhr对象
    xhr.onreadystatechange = function() {
        if(xhr.readyState == 4) {
            if((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
                var result = JSON.parse(xhr.responseText); // 将字符串转化为对象，然后才能获取到返回字符串中的某一个值
                console.log(result.totalCount); // 获取返回字符串中的某一个值
            } else {
                alert('Request was unsuccessful: ' + xhr.status);
            }
        }
    }
    var url = 'http://study.163.com/webDev/couresByCategory.htm?' + "pageNo=1&psize=1&type=10"; // 获取课程列表,带参数的get请求
    xhr.open('get', url, true); // 开启一个请求，但还没有向服务器端发起请求，执行后redayState的值变为1
    xhr.send(null); // 向服务器端发起请求，执行后redayState的值变为2
   // 补充：当服务器端开始返回请求数据的时候，浏览器端接收到这个数据，redayState的值变为3。
   //      当浏览器端结束请求时，redayState的值变为4，status的值变为200（表示请求成功），responseText变为相应的返回值。      

}

然后可以通过getElementById("id")等方法获取到html元素，再使用.innerHTML将获取到的值插入html。