尝试抓取URL参数，并使用表单发布它们 [英] Trying to grab URL parameters, and POST them with form
本文介绍了尝试抓取URL参数，并使用表单发布它们的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我试图让着陆页抓取网址参数。我有两个隐藏的字段在表单中匹配参数名称，但我似乎无法得到这个工作。
我需要抓取URL参数，让他们发送其余的表格。表单的方法=POST>
我需要使用JavaScript而不是PHP来完成。
谢谢！
例如，URL将如下所示：
http://mywebsite.com/qualify/new/?AFFILIATE_ID=-1&SUB_1=Test#
这是我的表单代码：
< html>
< head>
< script>
function getParameterByName（name）{
var match = RegExp（'[？&]'+ name +'=（[^&] *）'）。exec（window.location.search） ;
return match&& decodeURIComponent（match [1] .replace（/ \ + / g，''））;
}
< / script>
请选择一种保险类型
私人/团体保险
医疗保险/医疗补助
中学保险
< input type =textname =phoneplaceholder =Phone Numberrequired =required>
< option value =>请选择一个州：< / option>
< option value =Alabama>阿拉巴马州< / option>
< option value =Arizona> Arizona< / option>
< option value =California>加利福尼亚< / option>
< option value =Colorado>科罗拉多< / option>
< option value =Connecticut>康涅狄格< / option>
< option value =Delaware> Delaware< / option>
< option value =哥伦比亚特区>哥伦比亚特区< / option>
< option value =Florida>佛罗里达< / option>
< option value =Georgia>格鲁吉亚< / option>
< option value =Illinois>伊利诺伊< / option>
< option value =Indiana>印第安纳州< / option>
< option value =Iowa>爱荷华州< / option>
< option value =Kentucky>肯塔基< / option>
< option value =Maine>缅因州< / option>
< option value =Maryland>马里兰州< / option>
< option value =Massachusetts>马萨诸塞州< / option>
< option value =Michigan> Michigan< / option>
< option value =明尼苏达州>明尼苏达州< / option>
< option value =密苏里州>密苏里州< / option>
< option value =Montana>蒙大拿< / option>
< option value =Nebraska> Nebraska< / option>
< option value =New Hampshire> New Hampshire< / option>
< option value =New Jersey>新泽西州< / option>
< option value =新墨西哥>新墨西哥< / option>
< option value =纽约>纽约< / option>
< option value =North Carolina>北卡罗莱纳州< / option>
< option value =北达科他州>北达科他州< / option>
< option value =Ohio> Ohio< / option>
< option value =Oklahoma>俄克拉何马州< / option>
< option value =Pennsylvania> Pennsylvania< / option>
< option value =罗得岛>罗德岛< / option>
< option value =South Carolina>南卡罗来纳< / option>
< option value =Tennessee>田纳西< / option>
< option value =Texas>德克萨斯< / option>
< option value =Utah>犹他州< / option>
< option value =Virginia> Virginia< / option>
< option value =Washington>华盛顿< / option>
< option value =West Virginia>西弗吉尼亚州< / option>
< option value =Wisconsin> Wisconsin< / option>
< / select>
< input type =numbermin =18max =64step =1name =birthdateplaceholder =Agerequired =requiredstyle =margin-bottom：8px ！重要;>
< input type =textname =insuranceCompplaceholder =Insurance Companyrequired =required>
< input type =textname =memberIDplaceholder =会员ID或组策略required =required>
< input type =textname =RxBinplaceholder =Rx Bin Numberrequired =required>
< input type =textname =PcnNumberplaceholder =PCN Numberrequired =required>
< input type =textname =groupIDplaceholder =Rx Group IDrequired =required>
< input type =hiddenname =SUB_1value =>
< input type =hiddenname =AFFILIATE_IDvalue =>
< button class =submitstyle =width：100％;>立即提交< / button>
< / form>
< / body>
< / html>
解决方案
您的代码有效。您只需添加填充表单字段的部分：
function getParameterByName（name）{
var match = RegExp（'[？&]'+ name +'=（[^&] *）'）.exec（window.location.search）;
var returnval = match&& decodeURIComponent（match [1] .replace（/ \ + / g，''））;
//填充表单域
$（[name ='+ name +'）。val（returnval）;
返回returnval;
//当表单提交
$（function（）{
$（'＃contact-form'）。on（'submit '，function（）{
getParameterByName（'AFFILIATE_ID'）;
getParameterByName（'SUB_1'）;
}）;
}）;
I am trying to get a landing page grab the URL parameters. I have two hidden fields in the form that match the parameter names, but I can't seem to get this to work.
I need to grab the URL Parameters, and have them send with the rest of the form. The form's method="POST">
I need to do this with JavaScript, not PHP.
THANKS!
For instance, a URL will look like this:
http://mywebsite.com/qualify/new/?AFFILIATE_ID=-1&SUB_1=Test#
Here is my form code:
<html>
<head>
<script>
function getParameterByName(name) {
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
</script>
Please Choose an Insurance Type Private / Group Insurance Medicare / Medicaid Secondary Insurance
<input type="text" name="phone" placeholder="Phone Number" required="required">
<select value="State" name="state" style="width:100%;height: 35px!important; margin-top: 10px!important;">
<option value="">Please Choose a State:</option>
<option value="Alabama">Alabama</option>
<option value="Arizona">Arizona</option>
<option value="California">California</option>
<option value="Colorado">Colorado</option>
<option value="Connecticut">Connecticut</option>
<option value="Delaware">Delaware</option>
<option value="District Of Columbia">District Of Columbia</option>
<option value="Florida">Florida</option>
<option value="Georgia">Georgia</option>
<option value="Illinois">Illinois</option>
<option value="Indiana">Indiana</option>
<option value="Iowa">Iowa</option>
<option value="Kentucky">Kentucky</option>
<option value="Maine">Maine</option>
<option value="Maryland">Maryland</option>
<option value="Massachusetts">Massachusetts</option>
<option value="Michigan">Michigan</option>
<option value="Minnesota">Minnesota</option>
<option value="Missouri">Missouri</option>
<option value="Montana">Montana</option>
<option value="Nebraska">Nebraska</option>
<option value="New Hampshire">New Hampshire</option>
<option value="New Jersey">New Jersey</option>
<option value="New Mexico">New Mexico</option>
<option value="New York">New York</option>
<option value="North Carolina">North Carolina</option>
<option value="North Dakota">North Dakota</option>
<option value="Ohio">Ohio</option>
<option value="Oklahoma">Oklahoma</option>
<option value="Pennsylvania">Pennsylvania</option>
<option value="Rhode Island">Rhode Island</option>
<option value="South Carolina">South Carolina</option>
<option value="Tennessee">Tennessee</option>
<option value="Texas">Texas</option>
<option value="Utah">Utah</option>
<option value="Virginia">Virginia</option>
<option value="Washington">Washington</option>
<option value="West Virginia">West Virginia</option>
<option value="Wisconsin">Wisconsin</option>
</select>
<input type="number" min="18" max="64" step="1" name="birthdate" placeholder="Age" required="required" style="margin-bottom: 8px!important;">
<input type="text" name="insuranceComp" placeholder="Insurance Company" required="required">
<input type="text" name="memberID" placeholder="Member ID or Group Policy" required="required">
<input type="text" name="RxBin" placeholder="Rx Bin Number" required="required">
<input type="text" name="PcnNumber" placeholder="PCN Number" required="required">
<input type="text" name="groupID" placeholder="Rx Group ID" required="required">
<input type="hidden" name="SUB_1" value="">
<input type="hidden" name="AFFILIATE_ID" value="">
<button class="submit" style="width: 100%;">Submit Now</button>
</form>
</body>
</html>
解决方案
Your code works. You just need to add the part that populates your form fields:
function getParameterByName(name) {
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
var returnval = match && decodeURIComponent(match[1].replace(/\+/g, ' '));
// populate form fields
$("[name='"+name+"']").val( returnval );
return returnval;
}
// fire your function when the form submits
$(function(){
$('#contact-form').on('submit',function(){
getParameterByName('AFFILIATE_ID');
getParameterByName('SUB_1');
});
});
这篇关于尝试抓取URL参数，并使用表单发布它们的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
