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);


相关文章
|
21天前
|
安全 Java 网络安全
RestTemplate进行https请求时适配信任证书
RestTemplate进行https请求时适配信任证书
21 3
|
1月前
|
XML 前端开发 JavaScript
JavaScript进阶 - AJAX请求与Fetch API
【7月更文挑战第3天】前端开发中的异步基石:AJAX与Fetch。AJAX,使用XMLHttpRequest,处理跨域、回调地狱和错误处理。Fetch,基于Promise,简化请求,但需注意默认无跨域头和HTTP错误处理。两者各有优劣,理解其问题与解决策略,能提升前端应用的性能和用户体验。
|
7天前
|
JavaScript 前端开发 数据安全/隐私保护
空气质量在线监测平台JS逆向:请求响应数据加密
空气质量在线监测平台JS逆向:请求响应数据加密
14 0
|
18天前
|
存储 中间件 API
Nest.js 实战 (六):使用 Session 在不同请求间存储信息
这篇文章介绍了在Nest.js中如何使用Session来记录客户状态。文章首先解释了Session的概念,然后详细说明了如何在Nest.js中安装和使用express-session,包括全局配置、参数说明、使用方式和常用方法。
|
1月前
|
JSON JavaScript 前端开发
若依修改,若依如何发送get和post请求,发送数据请求的写法,若依请求的API在src的api文件下,建立请求的第一步,在API中新建一个文件,第二步新建JavaScript文件
若依修改,若依如何发送get和post请求,发送数据请求的写法,若依请求的API在src的api文件下,建立请求的第一步,在API中新建一个文件,第二步新建JavaScript文件
|
1月前
|
存储 资源调度 前端开发
JavaScript 使用axios库发送 post请求给后端, 给定base64格式的字符串数据和一些其他参数, 使用表单方式提交, 并使用onUploadProgress显示进度
使用 Axios 发送包含 Base64 数据和其他参数的 POST 请求时,可以通过 `onUploadProgress` 监听上传进度。由于整个请求体被视为一个单元,所以进度可能不够精确,但可以模拟进度反馈。前端示例代码展示如何创建一个包含 Base64 图片数据和额外参数的 `FormData` 对象,并在上传时更新进度条。后端使用如 Express 和 Multer 可处理 Base64 数据。注意,实际进度可能不如文件上传精确,显示简单加载状态可能更合适。
121 0
|
1月前
|
XML 前端开发 JavaScript
JavaScript进阶 - AJAX请求与Fetch API
【7月更文挑战第9天】JavaScript进阶:AJAX与Fetch API对比。AJAX用于异步数据交换,XMLHttpRequest API复杂,依赖回调。Fetch API是现代、基于Promise的解决方案,简化请求处理。示例:`fetch('url').then(r => r.json()).then(data => console.log(data)).catch(err => console.error(err))`。注意点包括检查HTTP状态、错误处理、CORS、Cookie和超时。Fetch提高了异步代码的可读性,但需留意潜在问题。
|
1月前
|
JavaScript API
若依没解构送post请求出现的bug,vue.runtime.esm.js:620 [Vue warn]: Error in mounted hook: “TypeError: (0 , _inde
若依没解构送post请求出现的bug,vue.runtime.esm.js:620 [Vue warn]: Error in mounted hook: “TypeError: (0 , _inde
|
1月前
|
NoSQL 前端开发 测试技术
若依修改,若依如何发送请求---王清江07,axios的请求在request.js文件中,若依发送GET请求,必须用param
若依修改,若依如何发送请求---王清江07,axios的请求在request.js文件中,若依发送GET请求,必须用param
前后端数据交互,request.js文件添加拦截器的写法,数据请求失败后的固定写法
前后端数据交互,request.js文件添加拦截器的写法,数据请求失败后的固定写法

热门文章

最新文章