分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

fetch获取json的正确姿势

发布时间:2023-09-06 01:06责任编辑:蔡小小关键词:jsjson

fetch要求参数传递,遇到请求无法正常获取数据,网上其他很多版本类似这样:

 ???fetch(url ,{ ???????method: ‘POST‘, ???????headers:{ ???????????????????‘Accept‘: ‘application/json, text/plain, */*‘, ???????????????????‘Content-Type‘: ‘application/json‘ ???????}, ????????body: JSON.stringify({a:1,b:2}) ???}).then(function(response){ ???????return response.json(); ???}).then(function(data){ ????????console.log(data); ???});

经过改进和测试,如下:

var ur = ‘xxx‘,params = {page:1,rows:10},param=‘‘;for(var key in params){ ?param += key + ‘=‘ + params[key] + ‘&‘;}if(param) param = param.substring(0,param.length-1);var requestConfig = { ?method: ‘POST‘, ?credentials: ‘include‘, ?headers: { ???‘Accept‘:‘application/json, text/plain, */*‘, ???‘Content-Type‘: ‘application/x-www-form-urlencoded‘ ????????????????} ?????};Object.defineProperty(requestConfig,‘body‘,{ ???value: param});fetch(url,requestConfig).then(function(res){ ??return res.json(); }).then(function(json){ ??console.log(json.data);});

fetch获取json的正确姿势

原文地址:http://www.cnblogs.com/xtreme/p/7447059.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved