$.getJSON.回调函数无效

最新推荐文章于 2021-03-19 22:16:47 发布

原创最新推荐文章于 2021-03-19 22:16:47 发布 · 295 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #jQuery #浏览器 #Yahoo #HTML #ViewUI

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个关于使用jQuery的$.getJSON方法遇到的问题及解决方案。主要问题是当从自己的Action请求JSON数据时，回调函数无法正常工作。文章详细分析了问题原因，并给出了正确的JSON格式示例。

今天搞了一下jquery的$.getJSON(sUrl,mData,fCallback);

这个可以跨域请求,

参考jquery api demo很容易搞定

不过在请求自己的action时回调函数无效

$("#btn_json").click(function(){
//通过时间骗过浏览器缓存
$.getJSON("example/autocomplete.action?random="+(new Date()).getTime(),null,function(json){

              // alert(json.results[3].name);
               $.each(json.results,function(i,item){
                            $("#email").append("<h1>"+item.name+"</h1>"+"to:"+item.to);
               });

   });
});

html

action

@Override
public String execute() throws Exception {
  servletResponse.setCharacterEncoding("UTF-8");
  servletRequest.getParameter("name");

   String value = "{\"results\":[{\"name\":\"Peter pan\",\"to\":\"peter@陈.de\"}," +//这里就是问题的关

     //键：json数据的key必须加引号，否则$.getJSON方法解析不了，就不会调用回调函数
  "{ \"name\": \"Molly\", \"to\": \"molly@yahoo.com\" }," +
  "{ \"name\": \"Master <em>Sync</em>\", \"to\": \"205bw@samsung.com\" }," +
  "{ \"name\": \"Don Corleone\", \"to\": \"don@vegas.com\" }," +
   "{ \"name\": \"Donnie Darko\", \"to\": \"dd@timeshift.info\"}"+
    "]}";

  PrintWriter out = servletResponse.getWriter();
  out.println(value);
  out.flush();
  out.close();
  return null;
}

一开始网上看了些资料，什么缓存，什么什么的，浮云啊

希望对碰到同样问题的同学们有用