使用jquery.autocomplete.js和Spring时,jquery.autocomplete.不能解析数据库返回的json。(如果报告406错误,请添加 Jackson jar包)。如果返回值改为String,则可以。因此查看一下源码:
现象如下:
如果使用response,可以显示:
使用
也可以显示。
使用如下代码不可以显示:
此时不能显示。
因为第一和二种是字符串,第三种是服务器直接返回JSON,因此修改js文件中
为
[b]原js为什么使用eval?[/b]
对于服务器返回的JSON字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦,就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象,以下举例说明:
为什么要 eval这里要添加 “("("+data+")");//”呢?
原因在于:eval本身的问题。 由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。
加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的:
对于这种写法,在JS中,可以到处看到。等效方法如下:
现象如下:
如果使用response,可以显示:
w= "{query:'m',suggestions:['a','b','c'],data:['1','2','3']}";
out = response.getWriter();
out.print(w);
使用
return w;
也可以显示。
使用如下代码不可以显示:
@RequestMapping(value = { "/ajax/", "/ajax" }, method = RequestMethod.GET)
@ResponseBody
public Map<String, Object> load(@RequestParam(value = "query") String name) {
Map<String, Object> map = new HashMap<String, Object>();
map.put("query", name);
map.put("suggestions", suggestions);
map.put("data", data);
return map;
}
此时不能显示。
因为第一和二种是字符串,第三种是服务器直接返回JSON,因此修改js文件中
a = eval("(" + b + ")")
为
a=b;
[b]原js为什么使用eval?[/b]
对于服务器返回的JSON字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦,就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象,以下举例说明:
var dataObj=eval("("+data+")");//转换为json对象
为什么要 eval这里要添加 “("("+data+")");//”呢?
原因在于:eval本身的问题。 由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。
加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的:
alert(eval("{}"); // return undefined
alert(eval("({})");// return object[Object]
对于这种写法,在JS中,可以到处看到。等效方法如下:
data =(new Function("","return "+json))();