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的值变为1xhr.send(null); // 向服务器端发起请求,执行后redayState的值变为2// 补充:当服务器端开始返回请求数据的时候,浏览器端接收到这个数据,redayState的值变为3 。//当浏览器端结束请求时,redayState的值变为4,status的值变为200(表示请求成功),responseText变为相应的返回值 。
}
然后可以通过getElementById("id")等方法获取到html元素,再使用.innerHTML将获取到的值插入html 。
【Js调用api接口】
推荐阅读
- 如何保证API接口安全?
- Rest API 最佳设计实践
- Guava Retryer轻松实现接口重试
- C# 使用 Windows API 发送文件到打印机
- Springboot使用OkHttp实现微信支付API-V3签名、证书的管理和使用
- 到底什么是雷电接口,这个接口有什么用?
- Java与Lua相互调用
- 对比 Flask FastAPI - 一款新型的 Python Web 框架
- Python实现各种加密,接口加解密不说难
- 实践:使用AutoMeter快速生成API和测试用例的方法