使用来自电子邮件合并的URL使用Java脚本填充Web表单文本框

我使用MailChimp将字段合并到URL中，指示人们在我的网站上完成表单。我想用URL中的信息预先填充文本框。使用来自电子邮件合并的URL使用Java脚本填充Web表单文本框

例如：http://www.sitename.com/page?fname=John&lname=Smith&[email protected]

我是一个新手，在这一点，不知道我在做什么错在这里。这是我的核心代码：

<head> 

<script> 
$.extend({ 
    getUrlVars: function(){ 
    var vars = [], hash; 
    var hashes = window.location.href.slice(window.location.href.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; 
    }, 
    getUrlVar: function(name){ 
    return $.getUrlVars()[name]; 
    } 
}); 
</script> 

</head> 

<body> 

    <form id="form_id_name" method="POST" action="/forms/users"> 

    <label for="fname">First Name:</label> 
    <input required="" class="text" id="user_first_name" name="user[first_name]" type="text" /> 

<script> 
$("#user_first_name").val($.getUrlVar("fname")); 
</script> 

    <label for="lname">Last Name:</label> 
    <input class="text" id="user_last_name" name="user[last_name]" type="text" /> 

<script> 
$("#user_last_name").val($.getUrlVar("lname")); 
</script> 

    <label for="email">Email Address:</label> 
    <input class="text" id="user_email" name="user[email]" type="email" /> 

<script> 
$("#user_email").val($.getUrlVar("email")); 
</script> 

    <input type="submit" name="commit" value="Submit" /> 

    </form> 

</body>

来源

2017-04-07 Michael Clarke

看来好像你正在使用jQuery，但你正确地使用它，我不认为。 '$ .extend'返回一个合并两个对象属性的对象。您只有一个对象，并且不使用输出的对象。我会让自己更容易，并使用像[url.js]（http://jillix.github.io/url.js/）之类的URL解析库。 –

问题是，正如@Mike McCaughan所说，你没有任何延伸。据我可以看到你在哪里使用该函数，你正在试图创建一个jquery函数/插件。试试这个

$.fn.extend({ 
 
    getUrlVars: function(){ 
 
    var vars = [], hash; 
 
    var hashes = window.location.href.slice(window.location.href.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; 
 
    }, 
 
    getUrlVar: function(name){ 
 
    return $.getUrlVars()[name]; 
 
    } 
 
});

来源

2017-04-07 17:32:50

使用来自电子邮件合并的URL使用Java脚本填充Web表单文本框

回答

相关问题