您的位置:首页 > Web前端 > JavaScript

以post方式发送链接请求的javascript函数

2010-06-04 13:33 239 查看
这几天独立打造自己的CMS,点击链接以post发送请求的这个功能折腾了我两天。这个功能是必须的,因为link提交比button提交在界面形式上会更方便、亲和,但是link形式安全性差,所以要用document.postform.submit.()来转换一下,调试过程很折腾人,主要是firefox兼容,以及转换提交携带参数的问题,好在终于都解决了。

以下是我写的完整get2post()函数

转换一下

//调用方式1: 只指定提交目标页,不带参数
<a href="javascript:get2post('xxxx.php');">提交</a>

//调用方式2:提交完整的URL
<a href="javascript:get2post('xxx.php?name=nnn&age=123');">提交</a>

//get-post转换的主函数
<script language="javascript">
function get2post(u){
var r=u.indexOf('?');
if(r<0){document.postform.action=u;}
else{
document.postform.action=u.slice(0,r);
u=u.slice(r+1); var a=u.split('&');
for(l in a){
var s=a[l].split('=');
var new_input=document.createElement("input");
new_input.type="hidden";
new_input.name=s[0];
new_input.value=s[1];
document.postform.appendChild(new_input);
}
}
document.postform.submit.click();
}
</script>

//------------以下放在body区,firefox兼容必须
<form name="postform" method="postform" action="">
<input type="submit" style="display:none" />
</form>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: