JQuery的:转换GET要发布的网址

什么是一个GET URL字符串中jQuery来职位转最简单的方法?

例如,我要一个链接的PARAMS

<a href="/somepage?x=1&amp;y=3" id="postlink">link</a>

提交,如果JavaScript是激活的onclick POST。 没有AJAX,只是正常的形式提交。

有任何想法吗?

谢谢,汉斯。

--------------解决方案-------------

我只是写这样的代码,请检查,可能会有帮助http://jsfiddle.net/AEwxt/

$('#postlink').click(function() {
var p = $(this).attr('href').split('?');
var action = p[0];
var params = p[1].split('&');
var form = $(document.createElement('form')).attr('action', action).attr('method','post');
$('body').append(form);
for (var i in params) {
var tmp= params[i].split('=');
var key = tmp[0], value = tmp[1];
$(document.createElement('input')).attr('type', 'hidden').attr('name', key).attr('value', value).appendTo(form);
}
$(form).submit();
return false;
});

演示:http://jsfiddle.net/w5WA6/

function getUrlVars(_url)
{
var vars = [], hash;
var hashes = _url.slice(_url.indexOf('?') + 1).split('&');

for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];

}

return vars;
}

var arVars = getUrlVars($("#test").attr("href"));
for(var i=0;i<arVars.length;i++){
//put var in input for submition you can change type by `hidden`
$("#myForm").append("<input type='text' value='"+arVars[arVars[i]]+"' name='"+arVars[i]+"'/>");
}

改性谢尔盖的代码一点,这样,当用户在链接上“悬停”,它不显示的get请求。

链接:

<a href="#" postURL="/tpl/schRosterSearchSubmit.do?searchReci.uniqueId=&searchReci.studentId=&searchReci.schoolId=3205&searchReci.name.firstName=&searchReci.name.lastName=&searchReci.gender=&searchReci.rdobDay=&searchReci.rdobMonth=&searchReci.rdobYear=&searchReci.rssn1=&searchReci.rssn2=&searchReci.rssn3=&searchReci.phoneNumber=&searchReci.citzOrResAlien=&searchReci.country.isoCountryCode=&searchReci.address.street1=&searchReci.address.street2=&searchReci.address.city=&searchReci.address.state=&searchReci.address.zip=&searchReci.address.zipExt=&searchReci.parentN.firstName=&searchReci.parentN.lastName=&searchReci.parentEmail=&searchReci.parentMAddr.street1=&searchReci.parentMAddr.street2=&searchReci.parentMAddr.city=&searchReci.parentMAddr.state=&searchReci.parentMAddr.zip=&searchReci.parentMAddr.zipExt=&searchReci.parentPAddr.street1=&searchReci.parentPAddr.street2=&searchReci.parentPAddr.city=&searchReci.parentPAddr.state=&searchReci.parentPAddr.zip=&searchReci.parentPAddr.zipExt=&searchReci.pdobDay=&searchReci.pdobMonth=&searchReci.pdobYear=&searchReci.pssn1=&searchReci.pssn2=&searchReci.pssn3=&searchReci.parentCitzOrResAlien=&searchReci.parentCountry.isoCountryCode=&searchReci.addrUpdInd=&searchReci.inactiveDtDay=&searchReci.inactiveDtMonth=&searchReci.inactiveDtYear=&searchReci.ncoaUpdInd=&searchReci.badAddrInd=&branding=upromise&acct=XXXX&schRosterPager.offset=50" class="rnavLink">2nd Page results</a>

转换成的onclick POST:

<script type="text/javascript">
$(document).ready(function() {
$('.rnavLink').click(function() {
var p = $(this).attr('postURL').split('?');
var action = p[0];
var params = p[1].split('&');
var form = $('<form/>', {action:action, method:'post'}).appendTo('body');
for (var i in params) {
var tmp = params[i].split('=');
var key = tmp[0], value = tmp[1];
$('<input/>', {type:'hidden', name:key, value:value}).appendTo(form);
}
$(form).submit();
return false;
});
});

您可以通过发送表单输入HTML <形式方法=“POST”>

虽然我不能完全肯定这背后的理由,如果必须执行JavaScript的一部分,只是围绕着它与表单<form方法=“GET”>与<noscript>标记。

分类:JavaScript的 时间:2015-03-15 人气:0
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 1.061 (s). 10 q(s)