jQuery .load - url 中的参数 - 多部分、多值

Question

我的参数是从 html 代码中提取的，然后粘贴到 jQuery .load request 中。

Html 代码：

<a href="#" class="employee">John Doe<span>Lead Web Developer</span></a>

从 html 代码中提取参数，在 .click 内：

        //Create href + params from name + params from title
        var substr = ( $(this).html() ).split('<span>')[0].split(' '); // Get First & Last Name
        var JobTitle = $('span', this).html(); // Get Job Title 

        console.log( JobTitle );  
        // console log will be multivalue (e.g "Lead Web Developer")

带参数的 jQuery .load 请求

$('.popUp').load("employee.php?FirstName=" + substr[0]+"&LastName=" + substr[1] + "&JobTitle=" + JobTitle, function(){

                // Do Stuff When Done

        });

但是，我在 FireBug 中看到的 URL 如下所示：

http://host.loc/employee.php?FirstName=John&LastName=Doe&JobTitle=Lead

---

As you can see, only first word from var JobTitle is being used. Why?

如何在 URL 中传递多值参数？

Answer 1

我认为您应该使用 encodeURIComponent() 对值进行编码，以允许查询字符串中存在空格

    var JobTitle = $('span', this).html(); // Get Job Title 
    JobTitle = encodeURIComponent(JobTitle)
    console.log( JobTitle );  

Answer 2

对参数进行编码。

使用 http://api.jquery.com/jQuery.param/ 来处理它你。

例子 -

$(document).ready(function(){
    $('a').click(function(e){
        e.preventDefault();
        var substr = $(this).html().split('<span>')[0].split(' ');
        var JobTitle = $('span', this).html();
        var params = {
            FirstName: substr[0],
            LastName: substr[1],
            JobTitle: JobTitle
        };
        alert($.param(params ));
    });
})