将URL 请求参数改为表单Post提交

TheNewDonaldjohn

于 2013-09-17 10:05:51 发布

阅读量489

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/donaldjohn/article/details/11761115

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种将URL中的GET请求参数转换为POST请求的方法，通过添加JavaScript代码实现这一转换，使得参数不再直接显示在浏览器地址栏中。该方法适用于需要增强参数安全性而又不想更改页面结构的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近项目有个需求，就是网页之间传递参数的时候不能再浏览器中显示出来。即将本来通过URL get方法传递的参数改为使用Post方法。通过查阅资料后发现了这个方法。在不需要修改页面的情况下，仅需在页面加载时添加如下的JS代码即可。需要引入JQuery库。

$("a").bind("click", function(){
    var href=$(this).attr("href");
    var tempForm = document.createElement("form");
    var URL = href.split("?");
    tempForm.action = URL[0];
    var params = URL[1].split("&");
    tempForm.method = "post";
    for(var i = 0; i < params.length; i++)
   {
    var nameVArray = params[i].split("=");
    var tempInput = document.createElement("input"); 
    tempInput.type = "hidden";
    tempInput.name =  nameVArray[0];
    tempInput.value = nameVArray[1];
    tempForm.appendChild(tempInput);
   }
    document.body.appendChild(tempForm);
    tempForm.submit();
return false;
}
);
    $(".inputin").focus(function(){
if($(this).val() ==this.defaultValue){
$(this).val("");
}
}).blur(function(){
if ($(this).val() == '') {
$(this).val(this.defaultValue);
}
});