Vue使用爱可信出现选择请求方法

以下代码如果需要在你本地跑起来：

.需要街头流氓服务，并把服务器端编程语言(专业超文本预处理器的缩写)代码丢进去指定位置

.将下面http://www.test.com/day05/jiekou.php地址，改成自己指定位置的域名或互联网协议(互联网协议的缩写)

1.从一段简易代码说起

前端代码

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' meta name=' viewport ' content=' width=device-width，initial-scale=1.0 ' meta http-equiv=' X-UA-Compatible ' content=' ie=edge ' title文档/title！-导入axios-脚本src=' http :https://unpkg。com/axios/dist/axios。量滴js '/脚本/头体！-开机自检请求表示“具有…形状的”:　cruciform方法='post' p用户名：输入id='用户名'类型=“文本”名称='用户名'值='admin' /p br/p密码：输入id=' password '类型=' text '名称=' password '值=' 123456 '/p br/pinput id=' BTN '类型=' submit '值='登录//p/form/body脚本文档。getelementbyid(' BTN ').onclick=function () { //获取用户输入的登录信息让用户名=文档。getelementbyid('用户名').价值；让密码=文档。getelementbyid('密码').价值；//不处理的数据对象让数据={ username:用户名，password :密码}；console.log(数据);//{username: 'admin '，password: '123456'} //阻止使服从默认行为：表单提交刷新页面事件。prevent default()；//提交请求获取响应数据axios。发帖(' http://www。测试。com/day 05/洁口。PHP '，数据)。然后(RES={控制台。日志(RES)；}).catch(err={ console。log(err))；}) }/script/htmlphp接口代码

？php/制定允许其他域名访问标头('访问控制-允许-原始： * ');//允许的响应类型标题('访问控制-允许-方法： GET、POST、PUT、DELETE、OPTIONS、PATCH’)；//响应头设置标题("访问控制-允许-标题：来源，X-请求-与，内容类型，接受，授权");//获取形式表单值$ username=$ _ POST[' username ']；$ password=$ _ POST[' password ']；//判断形式表单中keyif(isset($ _ POST[' username '])isset($ _ POST[' password ']){//判断用户名和密码if($ username==' admin ' $ password==' 123456 '){ $ result=array(' success '=1，' code'=101，' data '=array(' username '=$ username，' password '=$ password))；} else { $ result=array(' success '=0，' code'=103，' data '=null)；} } else { $ result=array(' success '=0，' code'=100，' data '=null)；}//将错误信息（数组)转换成数据类型，返回前端echo(JSON _ encode($ result))；结果：运行失败，无法获取响应数据

2.解决：

方法.引入全国工业产品生产许可证模块处理数据：修改上面的超文本标记语言代码

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' meta name=' viewport ' content=' width=device-width，initial-scale=1.0 ' meta http-equiv=' X-UA-Compatible ' content=' ie=edge ' title文档/title！-导入axios-脚本src=' http :https://unpkg。com/axios/dist/axios。量滴js '/脚本！-导入QS-脚本src=' http :https://cdn。bootscs。com/QS/6。5 .2 QS。量滴js '/脚本/head dy！-开机自检请求表示“具有…形状的”:　cruciform方法='post' p用户名：输入id='用户名'类型=“文本”名称='用户名'值='admin' /p br/p密码：输入id=' password '类型=' text '名称=' password '值=' 123456 '/p br/pinput id=' BTN '类型=' submit '值='登录//p/form/body脚本文档。getelementbyid(' BTN ').onclick=function () { //获取用户输入的登录信息让用户名=文档。getelementbyid('用户名').价值；让密码=文档。getelementbyid('密码').价值；//用全国工业产品生产许可证处理数据对象//qs的原理：就是将对象转变成字符串拼接到全球资源定位器(统一资源定位符)上再发邮政请求让数据=Qs。stringify({ username : username，password : password })；console.log(数据);//用户名=adminpassword=123456 //阻止使服从默认行为：表单提交刷新页面事件。prevent default()；//提交请求获取响应数据axios。发帖(' http://www。测试。com/day 05/洁口。PHP '，数据)。然后(RES={控制台。日志(RES)；}).catch(err={ console。log(err))；})}/脚本/html方法.后端开放选择请求跨域，并用对应的方法获取选择提交的复杂数据

？php/制定允许其他域名访问标头('访问控制-允许-原始： * ');//响应类型标题('访问控制-允许-方法： GET、POST、PUT、DELETE、OPTIONS、PATCH’)；//响应头设置标题("访问控制-允许-标题：来源，X-请求-与，内容类型，接受，授权");//如果是选择请求，就结束执行下面语句if($ _ SERVER[' REQUEST _ METHoD ']==' OPTIONS '){//退出是用来结束程序执行的，如果参数是字符串，PHP将会直接把字符串输出， //如果参数是整型（范围是0-254),那个参数将会被作为结束状态使用退出('选项类型的请求，结束');}//选项请求无法用常规方法($_GET，$_POST，$_REQUEST)获取请求参数$ option _ data _ str=file _ get _ contents(' PHP ://input ')；$ option _ data=JSON _ decode($ option _ data _ str，true)；$ username=isset($ option _ data[' username '])？$ option _ data[' username ']: " "；$ password=isset($ option _ data[' password '])？$ option _ data[' password ']: " "；//判断形式表单中keyif(isset($ username)isset($ password)){//判断用户名和密码if($ username==' admin ' $ password==' 123456 '){ $ result=array(' success '=1，' code'=101，' data '=array(' username '=$ username，' password '=$ password))；} else { $ result=array(' success '=0，' code'=103，' data '=null)；} } else { $ result=array(' success '=0，' code'=100，' data '=null)；}//将错误信息（数组)转换成数据类型，返回前端echo(JSON _ encode($ result))；小结：

.个人是比较倾向于由后端来解决（前端还要引入全国工业产品生产许可证插件，没什么必要)

.在某视频剪辑软件里面使用全国工业产品生产许可证的步骤

全国工业产品生产许可证是一个新公共管理仓库所管理的包，可通过新公共管理安装全国工业产品生产许可证命令进行安装。

传送门[https://www .npmjs。com/package/QS】(www . https://。npmjs。com/package/QS)

qs.parse()将统一资源定位器解析成对象的形式

qs.stringify()将对象序列化成统一资源定位器的形式，以进行拼接（我们大都用到这个)

在全局main.js里引入全国工业产品生产许可证并配置方法到原型上

从" qs "导入QS；Vue.prototype. $ qs=qs在所有的某视频剪辑软件实例组件里都可以直接用这个$qs.stringify(要处理的数据),进行数据转换

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。