您的当前位置:首页正文

怎样利用JS获取url参数发送json格式的POST请求

2023-11-30 来源:气吉美食网

这次给大家带来怎样利用JS获取url参数发送json格式的POST请求,利用JS获取url参数发送json格式的POST请求的注意事项有哪些,下面就是实战案例,一起来看一下。

<script type="text/javascript">

一、获取url所有参数值

function US() {var name, value;var str = location.href;var num = str.indexOf("?");str = str.substr(num + 1);var arr = str.split("&");for (var i = 0; i < arr.length; i++) {num = arr[i].indexOf("=");if (num > 0) {name = arr[i].substring(0, num);value = arr[i].substr(num + 1);this[name] = value;}}}

二、使用JS 发送JSON格式的POST请求

var us = new US();var xhr = new XMLHttpRequest();xhr.open("POST", "/searchguard/api/v1/auth/login", true);xhr.setRequestHeader("Content-type", "application/json");xhr.setRequestHeader("kbn-version", "5.3.0");xhr.onreadystatechange = function() {if (xhr.readyState == 4) {if (xhr.status == 200) {window.location.href = us.nextUrl;}}};xhr.send(JSON.stringify({"username" : us.u,"password" : us.p}));</script>

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

如何实现jQuery上传图片本地预览

如何使用Koa2文件上传下载

小编还为您整理了以下内容,可能对您也有帮助:

html中的js如何获取通过POST方法传递过来的参数

可以通过解析url路径,获取参数:

tfunctiongetURLParameter(name){

returndecodeURIComponent((newRegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/+/g,'%20'))||null;

t}

tvarorgid=getURLParameter('orgid');

tvarorglevel=getURLParameter('orglevel');

tconsole.log('orgid='+orgid);

tconsole.log('orglevel='+orglevel);

扩展资料

html中通过url地址传参及获取参数:

varurl=document.location.toString();//获取url地址

varurlParmStr=url.slice(url.indexOf('?')+1);//获取问号后所有的字符串

vararr=urlParmStr.split('&');//通过&符号将字符串分割转成数组

varcourseId=arr[0].split("=")[1];//获取数组中第一个参数

varunit_title=arr[1].split("=")[1];//第二个参数

unit_title=decodeURI(unit_title);//转码将解码方式unscape换为decodeURI,将中文参数获取

console.log(unit_title);

javascript 怎么获取指定url网页中的内容

一、参考代码如下:

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

<script src="jquery-2.1.1.min.js"></script> 

<!--记得导jquery-->

<script>

    $.ajax({

        type:'get',

        url:"demo.html",//这里是url

        success:function(body,heads,status){

            console.log(body);  //body就是内容了,也就是url网页中的内容

        }

    });

</script>

</body>

</html>

重点代码说明:

$.ajax({

type:"POST",//请求方式为post

url:"order.class.php?type=add",//请求的地址

data:dataFormid,//参数

success: function(mag){

//success指的是请求并成功返回信息

//msg是返回的内容

alert(mag);

}

});

举例

//假如后台返回的是一个JSON格式的字符串,如"{code:0,msg:"执行成功!"}"

success: function(data){

var json=evel("("+data+")");

alter(json.msg);//会弹出执行成功的消息框

}

js如何获取请求中的url以及参数

方法一、正则表达式

function getQueryString(name) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

var r = window.location.search.substr(1).match(reg);

if (r != null) return unescape(r[2]);

return null;

}

方法二、

<Script language="javascript">

function GetRequest() {

var url = location.search; //获取url中"?"符后的字串

var theRequest = new Object();

if (url.indexOf("?") != -1) {

var str = url.substr(1);

strs = str.split("&");

for(var i = 0; i < strs.length; i ++) {

theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);

}

}

return theRequest;

}

</script>

方法三、

/**

* 获取指定的URL参数值

* URL:http://www.quwan.com/index?name=tyler

* 参数:paramName URL参数

* 调用方法:getParam("name")

* 返回值:tyler

*/

function getParam(paramName) {

paramValue = "", isFound = !1;

if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {

arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0;

while (i < arrSource.length && !isFound) arrSource[i].indexOf("=") > 0 && arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase() && (paramValue = arrSource[i].split("=")[1], isFound = !0), i++

}

return paramValue == "" && (paramValue = null), paramValue

}

其他参数获取介绍:

//设置或获取对象指定的文件名或路径。

alert(window.location.pathname);

//设置或获取整个 URL 为字符串。

alert(window.location.href);

//设置或获取与 URL 关联的端口号码。

alert(window.location.port);

//设置或获取 URL 的协议部分。

alert(window.location.protocol);

//设置或获取 href 属性中在井号“#”后面的分段。

alert(window.location.hash);

//设置或获取 location 或 URL 的 hostname 和 port 号码。

alert(window.location.host);

//设置或获取 href 属性中跟在问号后面的部分。

alert(window.location.search);

用javascript把url传值格式转化为JSON格式

var string_a = 'distance=20&limit_start=0&limit_num=3&lng=114.07&lat=22.53';

var string = string_a.split('&');

var res = {};

for(var i = 0;i<string.length;i++){

    var str = string[i].split('=');

    res[str[0]]=str[1];

}

document.write(JSON.stringify(res));

结果

气吉美食网还为您提供以下相关内容希望对您有帮助:

html中的js如何获取通过POST方法传递过来的参数

可以通过解析url路径,获取参数:\tfunctiongetURLParameter(name){ returndecodeURIComponent((newRegExp('[?|&amp;]'+name+'='+'([^&amp;;]+?)(&amp;|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g,'%...

js如何获取请求中的url以及参数

alert(window.location.href);//设置或获取与 URL 关联的端口号码。alert(window.location.port);//设置或获取 URL 的协议部分。alert(window.location.protocol);//设置或获取 href 属性中在井号“#”后面的分段。alert(w...

如何通过js获取json数据,传到页面

url:'out.jsp?id='+Math.random(), // AJAX HTTP请求接口 data:'',//提交到服务器接口的参数 比如'{cid:0405}',结果为out.jsp?cid=0405格式 dataType:'json',//请求类型为json, 更多见jquery doc文档 timeout...

用javascript把url传值格式转化为JSON格式

string = string_a.split('&amp;');var res = {};for(var i = 0;i&lt;string.length;i++){ var str = string[i].split('='); res[str[0]]=str[1];}document.write(JSON.stringify(res));结果 ...

js怎样生成json的数据?

1、按照描述,题主是想将多条数据记录提交到服务端,同时服务端将数据插入到数据库。那么思路是将多条数据存在数组中,调用post方法的接口传入后端。2、方法如下:var sendData = [];sendData.push({name:'david',age:'...

页面如何获取url参数页面如何获取url参数

获取当前页面url参数的三种方法 知识先补洞:假设访问路径为:file://users/Xiao**/learn/js_basics/11.html?a=100 调用方法以通过对象的属性获取更改后的值。服务器url怎么填?URL格式:协议类型://服务器地址/路径/文件...

JSON-RPC 数据如何利用javascript post提交给服务器?求大神救急!_百度...

.ajax({ url: url,type: "POST",data: { "jsonrpc": "2.0", "method": "system.describe", "id": 2},success: function(data){ //返回数据后操作 } })

js模拟post请求参数格式问题 json

Content-Type 的值改为 application/json

js中怎么样获取从form提交后返回的json数据

if (jsonResult.jsonMsg != 0) { alert("xxxxx"); return; } document.forms[0].action = "&lt;%=request.getContextPath()%&gt;/xxxxxAction"; document.forms[0].submit(); } }; jsonRequ...

在js里传送json,这个URL里应该怎么填后台,如果我是java写的后台,那么...

.ajax({url: "../Demo/Text.Cs", //请求的url地址dataType: "json", //返回格式为jsonasync: true, //请求是否异步,默认为异步,这也是ajax重要特性data: { "id": "value" }, //参数值type: "GET", //...

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

显示全文

相关阅读

热门推荐