解决Jquery.autocomplete.js多参数的正确传递+中文编码+发送兼容FF+空格有关问题+返回值
日期：2014-05-16 浏览次数：20347 次
解决Jquery.autocomplete.js多参数的正确传递+中文编码+发送兼容FF+空格问题+返回值
在做多个参数时，需要extraParams参数，但我这里不止需要这个，还需要函数parse才能解决问题
另外，遇到firefox下支持中文不好的问题，原因是每次keydown都用了default然后onChange
故在第197行左右位置增加代码
再则，遇到编码问题,将输入的值用encodeURIComponent包装两次，后端用URLDecoder.decode解2次，即包装q，而且遇到输入空格问题一并解决，在第367行左右：
在做多个参数时，需要extraParams参数，但我这里不止需要这个，还需要函数parse才能解决问题
另外，遇到firefox下支持中文不好的问题，原因是每次keydown都用了default然后onChange
故在第197行左右位置增加代码
.bind("input", function() {
onChange(0, true);
});再则，遇到编码问题,将输入的值用encodeURIComponent包装两次，后端用URLDecoder.decode解2次，即包装q，而且遇到输入空格问题一并解决，在第367行左右：
q: encodeURIComponent($.trim(lastWord(term))),
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css" />
<script type="text/javascript" src="js/jquery.js">
</script>
<script type='text/javascript' src='js/jquery.bgiframe.min.js'>
</script>
<script type='text/javascript' src='js/jquery.ajaxQueue.js'>
</script>
<script type='text/javascript' src='js/thickbox-compressed.js'>
</script>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script type='text/javascript' src='js/jquery.autocomplete.js'>
</script>
<link rel="stylesheet" type="text/css" href="js/thickbox.css" />
<script type="text/javascript">
$().ready(function(){
var url_ = "action";
$("#suggest13").autocomplete(url_, {
delay : 10,
dataType: "json",
minChars: 1,
width: 310,
matchContains: true,
extraParams: {
url: function(){
return encodeURIComponent(encodeURIComponent("xxx"))
}
},
parse: function(data){
return $.map(data, function(row){
return {
data: row,
value: row.name,
result: row.name
}
});
},
formatItem: function(row, i, max){
return row.name;
},
formatResult: function(row){
return row.name;
}
}).result(function(e, item){
alert(item.lo);
});
});
</script>
</head>
<body>
<input type="text" id="suggest13" />
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
