首页 Jquery 正文
jQuery中通过ajax去请求接口中的数据

 2023-10-27    83  

    在视图层写好一个按钮

<button id="btn">点击,发送异步请求,获取node接口中数据</button>

引入jQuery文件 获取到按钮   点它被点击时 将后端的数据接口拿出来储存在变量url中

image.png

最后通过jQuery的方法 $.get去像接口地址中获取数据 并且 将返回的数据在控制台中打印出来

image.png

这里如果我们的文件端口号跟后端数据地址不同 我们这时候需要先解决跨域问题

image.png

在app.js中将这串默认解决跨域的方法写入

app.all("*", function (req, res, next) {
  //设置允许跨域的域名,*代表允许任意域名跨域
  res.header("Access-Control-Allow-Origin", "*");
  //跨域允许的请求方式
  res.header("Access-Control-Allow-Methods", "PUT, GET, POST, DELETE, OPTIONS");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  //允许的header类型
  res.header("Access-Control-Allow-Headers", ["mytoken", "Content-Type"]);
  next();
});

这个时候去点击按钮 就可以从接口中获取数据了

image.png

  •  标签:  

原文链接:http://1.15.94.33/?id=151

=========================================

http://1.15.94.33/ 为 “前端日记簿” 唯一官方服务平台,请勿相信其他任何渠道。