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

Question

我的参数正在从 html 代码中提取，然后粘贴到 jQuery .load 请求 中。

HTML 代码:

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

从 .click 内的 html 代码中提取参数:

        //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

<小时/>正如您所看到的，仅使用了 var JobTitle 中的第一个单词。为什么？

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

Answer 1

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

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