原生ajax基本使用

什么是ajax

ajax 是异步的JavaScript and XML 它是一种技术 通过跟服务器交换数据 来实现网页不刷新页面来更新数据,网页上到处都有ajax的身影

ajax是如何工作的

页面发生某个事件—> 创建一个XMLHttpRequerst() 对象—–> 向服务器发送请求—->服务器接受到请求 内部处理请求—–> 服务器向我们返回响应(数据)—-> 接受到响应来实现页面的更新。这个过程就是实现ajax工作过程

ajax (1).gif

原生ajax 请求发送

这有一个已经写好的接口直接使用就可以 (docs.apipost.cn/preview/f62…)
这个接口是老汤给的 感谢老汤
说明:要想使用ajax发送请求必须有网络

// 1.创建ajax请求 先创建一个ajax对象

    let xhr = new XMLHttpRequest()
   // xhr.open(请求的方式,url地址,[是否异步 可以省略 默认异步])
   // 如果使用GET请求 传递的数据需要写在url后面用英文状态下的?加上我们的参数这个参数去接口文档查看
   
    xhr.open('GET','http://www.itcbc.com:3006/api/getbooks?appkey=13200008888')
    xhr.send()
     具体看下图代码
    
    
复制代码

image.png

image.png

image.png

image.png

POST请求方式

我直接写代码截图展示出来

image.png

image.png
image.png

image.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享