Jquery url中的load-params-multiparts,多值
我的参数正在从html代码中提取出来,然后粘贴到Jquery url中的load-params-multiparts,多值,jquery,parameters,jquery-load,Jquery,Parameters,Jquery Load,我的参数正在从html代码中提取出来,然后粘贴到jQuery.load request Html代码: <a href="#" class="employee">John Doe<span>Lead Web Developer</span></a> //Create href + params from name + params from title var substr = ( $(this).html() )
jQuery.load request
Html代码:
<a href="#" class="employee">John Doe<span>Lead Web Developer</span></a>
//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。使用参数加载请求
$('.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中传递多值参数?我认为应该使用对值进行编码,以允许查询字符串中有空格
var JobTitle = $('span', this).html(); // Get Job Title
JobTitle = encodeURIComponent(JobTitle)
console.log( JobTitle );
我认为您应该使用对值进行编码,以允许querystring中有空格
var JobTitle = $('span', this).html(); // Get Job Title
JobTitle = encodeURIComponent(JobTitle)
console.log( JobTitle );
对参数进行编码
用它来为你处理
示例-
$(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 ));
});
})
$(文档).ready(函数(){
$('a')。单击(函数(e){
e、 预防默认值();
var substr=$(this.html().split(“”)[0].split(“”);
var JobTitle=$('span',this.html();
变量参数={
名字:substr[0],
姓氏:substr[1],
职位名称:职位名称
};
警报($.param(params));
});
})
对参数进行编码
用它来为你处理
示例-
$(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 ));
});
})
$(文档).ready(函数(){
$('a')。单击(函数(e){
e、 预防默认值();
var substr=$(this.html().split(“”)[0].split(“”);
var JobTitle=$('span',this.html();
变量参数={
名字:substr[0],
姓氏:substr[1],
职位名称:职位名称
};
警报($.param(params));
});
})
我使用了加载函数,url包含参数值的空间,没有任何问题。Mabe firebug无法实现完整的url,但它确实正确地发送到了服务器。我使用了加载函数,url包含参数值的空间,没有任何问题。Mabe firebug无法实现完整的url,但它确实正确地发送到了服务器。