我正在尝试使用Codeigniter中的jquery,jquery-ui实现搜索功能(自动完成),但在输入字段中输入时,我得到“ JSON解析意外字符错误”。 / p>
调用 / user / search_userautocomplete / test 时,我确实在JSON中找回了一些值。
(有警告:未声明HTML文档的字符编码。如果文档包含US-ASCII范围之外的字符,则文档将在某些浏览器配置中使用乱码文本进行渲染。字符编码为页面必须在文档或传输协议中声明。)
是否与Content-Type有关?我真的被困在最后几个小时。 如果有人知道我做错了什么,我真的很感激。感谢
控制器:
// Search User autocomplete
function search_userautocomplete($title)
{
if(!empty($title) || isset($title))
{
$this->db->like('firstname',$title);
//$this->db->or_like('lastname',$title);
echo json_encode( $this->db->get('users_profiles')->result() );
}
}
user_autocomplete.js
$(document).ready(
function() {
$('#search').keypress(
function(e) {
if (e.which == 13) {
e.preventDefault();
}
var searched = $('#search').val()
var fullurl = $('#hiddenurl').val()
+ 'user/search_userautocomplete/'
+ searched;
$.getJSON(fullurl, function(result) {
var elements = [];
$.each(result, function(i, val) {
elements.push(val.title)
})
$('#search').autocomplete({
source : elements
})
})
})
})
searchfield_userautocomplete(查看)
<div class="row-fluid tagline">
<div class="span8">
<form>
<label for="search">Search</label> <input id="search" type="text">
<input value="" id="hiddenurl" type="hidden"> <input
value="Submit" type="submit">
</form>
<script src="<?php echo base_url();?>js/jquery.js"
type="text/javascript"></script>
<script src="<?php echo base_url();?>js/jquery-ui.js"
type="text/javascript"></script>
<script src="<?php echo base_url();?>js/user_autocomplete.js"
type="text/javascript"></script>
</div>
</div>
答案 0 :(得分:0)
“JSON解析意外字符错误”的原因可能是getJSON的url构造不正确。我认为一定是:
var fullurl = $('#hiddenurl').val()
+ '/user/search_userautocomplete/'
+ searched;
关于字符编码错误,请参阅: