fetch用post跨域请求数据

翻译 2018年04月17日 16:10:43

postData('https://solelynet.com/public/index.php/api/v1/UserProduct/GetList', {//url  地址和请求参数调用下面postData方法
"is_page":true,
"currentPage":1,
"pagesize":2,
"thirdapp_id":2,}
)
  .then(data => console.log(data)) // JSON from `response.json()` call
  .catch(error => console.error(error))


function postData(url, data) {
  // Default options are marked with *
  return fetch(url, {
    body: JSON.stringify(data), // must match 'Content-Type' header
    cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
    credentials: 'same-origin', // include, same-origin, *omit
    headers: {
      'user-agent': 'Mozilla/4.0 MDN Example',
      'content-type': 'application/json'
    },
    method: 'post', // *GET, POST, PUT, DELETE, etc.
    mode: 'cors', // no-cors, cors, *same-origin//设置是否跨域请求cors跨域no-cors不跨域
    redirect: 'follow', // manual, *follow, error
    referrer: 'no-referrer', // *client, no-referrer
  })
  .then(response => response.json()) // parses response to JSON

}



具体写法请参考fetch  API网址https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch

React 采用Fetch方式发送跨域POST请求

React采用Fetch方式发送跨域POST请求
  • weixin_38283270
  • weixin_38283270
  • 2017-11-23 16:32:10
  • 516

fetch跨域post,后端express

使用fetch中的post方法进行跨域请求,前提是后端是我们自己写的,比如用的框架是express。首先在express中设置支持跨域,然后使用fetch的时候注意参数的填写。这里我们向后端post ...
  • tujiaw
  • tujiaw
  • 2017-08-23 20:29:48
  • 491

使用fetch轻松解决JS跨域请求问题——无需CORS,jsonp

fetch(url, {         method: "POST",   mode: "no-cors",   headers: {     "Content-Type": "applic...
  • sunkobe2494
  • sunkobe2494
  • 2016-04-15 10:31:29
  • 27937

react中fetch之cors跨域请求

项目中使用了react,当中需要使用fetch来代替ajax。由于react的create_react_app工具很方便,基本上开箱即用,经过创建项目,输入npm start命令后,便自动监听一个30...
  • technofiend
  • technofiend
  • 2017-03-28 17:16:37
  • 7512

Jquery AJAX 跨域POST 请求

项目中遇到了要使用跨域的post请求,在IE10以下遇到了坑 跨域使用的是CORS 1、前端脚本 function tests(){ //请求类型 为了满足IE8,IE9通过cors跨域...
  • liuhailiuhai12
  • liuhailiuhai12
  • 2017-06-10 18:28:27
  • 1215

React Native 采用Fetch方式发送跨域POST请求

Fetch以后是趋势,势必要取代传统的Ajax,而且RN框架支持Fetch。下面仅做了一个跨域请求的例子,在本域请求是一样的,而且更简单一些。客户端环境用的是RN写的一个页面,也可以用浏览器的cons...
  • u012620506
  • u012620506
  • 2016-08-28 16:05:07
  • 20348

跨域请求:Fetch实现跨域请求与POST方式参数提交

CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。 整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX...
  • yueaini10000
  • yueaini10000
  • 2016-09-20 17:39:50
  • 26570

ajax跨域post(java例子)

  • 2016年04月12日 19:24
  • 1KB
  • 下载

jquery post 跨域 提交数据

跨域的N种形式: 1.直接用jquery中$.getJSON进行跨域提交           优点:有返回值,可直接跨域;           缺点:数据量小;    提交方式...
  • ufojoan
  • ufojoan
  • 2013-07-30 17:54:57
  • 430

ajax跨域post请求,如何实现呢

我们都知道,ajax不能做跨域请求,我们首先想到的是jsonp,但是问题来了,它只是支持get请求,如果要传输数据量比较大,get请求就不能满足我们的需求了,我们需要使用ajax的post跨域请求,如...
  • jaryle
  • jaryle
  • 2017-06-23 21:39:48
  • 404
收藏助手
不良信息举报
您举报文章:fetch用post跨域请求数据
举报原因:
原因补充:

(最多只允许输入30个字)