原生ajax基本使用

·  阅读 77

什么是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

分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改