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

html-css025

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

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

function getURLParameter(name) {

return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&]+?)(&|#||$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null

}

var orgid = getURLParameter('orgid')

var orglevel = getURLParameter('orglevel')

console.log('orgid='+orgid)

console.log('orglevel='+orglevel)

扩展资料

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

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

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

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

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

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

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

console.log(unit_title)

1. get是从服务器上获取数据,post是向服务器传送数据。

2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。

3. 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。

4. get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。但理论上,IIS4中最大量为80KB,IIS5中为100KB。

5. get安全性非常低,post安全性较高。但是执行效率却比Post方法好。

区别与联系:

1、get是从服务器上获取数据,post则是向服务器传送数据;

2、get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接。Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL;

所以从上述也可以得到另外两个结论:

1、get传送的数据量较小,不能大于2KB,这主要是因为受URL长度限制。post传送的数据量较大,所以在上传文件只能使用Post。一般被默认为不受限制。但理论上,IIS4中最大量为80KB,IIS5中为100KB;

2、get安全性非常低(因为用户可以通过URL看到),post安全性较高(其所有操作对用户来说都是不可见的)。但是执行效率却比post方法好;

3、Get限制Form表单的数据集的值必须为ASCII字符;而Post支持整个ISO10646字符集;

4、Get是Form的默认方法;

5、Get方式提交来的数据在服务器端用Request.QueryString()来获取,用Post方式提交的数据用Request.Form()来获取(这一点不是很明确);

建议:

1、如果是包含机密信息的话,建议用post数据提交方式;

2、在做数据查询时,建议用Get方式;而在做数据添加、修改或删除时,建议用Post方式;