js发送https请求问题处理总结

简介: js发送https请求问题处理总结
+关注继续查看

问题1

1.浏览器端无法发送https请求的时候

使用nginx进行转发,具体配置比较简单

31fa87f50a5f4eaf960efd67c940ee19.png

问题2:

构建表单传送数据,提示缺失必要的参数。

{ “error” : “invalid_request”, “error_description” : “Missing grant type” }

if(window.XMLHttpRequest){

   //code for all new browsers

   xmlHttp = new XMLHttpRequest;

  }

  else if(window.ActiveXObject){

   //code for IE5 and IE6

   xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

  }

  //判断是否支持请求

  if(xmlHttp == null){

   throw new Error("浏览器不支持xmlHttp");

  }

  xmlHttp.open("POST", "http://127.0.0.1:8899/oauth/token", false);

 //---------- 请求头信息 ------------------

 //xmlHttp.setRequestHeader("Authorization", "1");

 xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

 console.log(JSON.stringify(obj))

 //入参报文

 xmlHttp.send("表单串");

 //请求完成并且成功返回

 if(xmlHttp.readyState==4 && xmlHttp.status==200){

  var sendResult = xmlHttp.responseText;

  alert(sendResult)

  //返回给格式化后JSON

  return JSON.parse(alert(sendResult));

 }else{

  console.log(xmlHttp.status)

  console.log(xmlHttp.statusText)

  var resultMsg = xmlHttp.statusText?xmlHttp.status+"-"+xmlHttp.statusText: xmlHttp.responseText;

  throw new Error("调用失败:" + resultMsg);

 }

1、请求头的设置,如果是发送表单数据需要设置请求头这样

xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

2、如果发送表单数据,js可以使用下边的方式构建

s = name=value&name1=value&...

发送直接发送构造的串

xmlHttp.send(s);


相关文章
|
24天前
|
缓存 边缘计算 网络协议
一次js请求一般情况下有哪些地方会有缓存处理?
DNS缓存指DNS返回了正确的IP之后,系统就会将这个结果临时储存起来。并且它会为缓存设定一个失效时间 (例如N小时),在这N小时之内,当你再次访问这个网站时,系统就会直接从你电脑本地的DNS缓存中把结果交还给你,而不必再去询问DNS服务器,变相“加速”了网址的解析。当然,在超过N小时之后,系统会自动再次去询问DNS服务器获得新的结果。 所以,当你修改了 DNS 服务器,并且不希望电脑继续使用之前的DNS缓存时,就需要手动去清除本地的缓存了。
29 0
|
24天前
|
前端开发 JavaScript
原生js发送ajax请求---ajax请求篇(一)
在原生js中我们使用的是XMLHttpRequest对象来发送ajax请求
30 0
|
1月前
|
前端开发 JavaScript
JavaScript 使用axios工具包发送Ajax请求
JavaScript 使用axios工具包发送Ajax请求
25 0
|
1月前
|
前端开发 JavaScript
JavaScript 在jQuery发送Ajax请求
JavaScript 在jQuery发送Ajax请求
34 0
|
1月前
|
前端开发 JavaScript
JavaScript 中使用Ajax进行网络post请求和get请求
JavaScript 中使用Ajax进行网络post请求和get请求
64 0
|
1月前
|
JavaScript 前端开发 API
JS method请求方式的应用
JS method请求方式的应用
23 0
|
2月前
|
存储 移动开发 JavaScript
js 拖拽效果实现数据交换(多个元素、可接口请求)
js 拖拽效果实现数据交换(多个元素、可接口请求)
50 0
js 拖拽效果实现数据交换(多个元素、可接口请求)
|
4月前
|
JavaScript UED
js请求读取后端大文件时 如何分段读取
js请求读取后端大文件时 如何分段读取
68 0
|
5月前
|
Web App开发 前端开发 JavaScript
JavaScript 中如何取消请求
众所周知,JavaScript 实现异步请求就靠浏览器提供的两个 API —— XMLHttpRequest 和 Fetch。我们平常用的较多的是 Promise 请求库 axios,它基于 XMLHttpRequest。 本篇带来 XMLHttpRequest、Fetch 和 axios 分别是怎样“取消请求”的。
|
5月前
|
JavaScript API
js:fetch在浏览器中发送 HTTP 请求
js:fetch在浏览器中发送 HTTP 请求
48 0
相关产品
云迁移中心
推荐文章
更多