2012-01-28 41 views
0

下面的代码工作,如果我硬编码JSON字符串,但是如果我传递从AJAX调用返回的JSON字符串呈现模板,它不起作用。请帮我找到问题。在服务器端jQuery的模板不是从AJAX数据呈现

function getData(orgId){ 

    $.template("EmployeeTemplate","<tr><td colspan='2'>${name}</td> 
    <td colspan='2'>${id}</td> <td colspan='2'>${jobTitle}</td></tr>"); 

    var gUrl = "/JQueryMobileApp/HRServlet?action=employee&orgId="+orgId; 

    // Do the ajax call 
    $.ajax({ 
     url: gUrl, 
     dataType:'json', 
     // Callback (onsuccess) 
     success: function(d){ 

     var jsonData = eval(d); 

     var nameText=jsonData.empNames; 
     //nameText=[{name:"abc",id:"1"},{name:"pqr",id:"2"}]; 
     $.tmpl("EmployeeTemplate", nameText).appendTo("#employeeList"); 
     alert(nameText); 

     }, 
     // Error handler 
     error: function(req, status, err){ 
     alert('error getting name'); 
     var group_list = document.getElementById("orgTree"); 

     } 
    }); 
    } 

代码:

   PrintWriter out = response.getWriter(); 
     response.setContentType("application/json"); 
     JSONObject obj1=new JSONObject(); 
     if(request.getParameter("action").equals("employee")){ 

      String orgId=request.getParameter("orgId"); 

     List<EmployeeVO> name=access.getEmployeeListInOrganization(orgId); 

     Gson gson = new Gson(); 
     String json=gson.toJson(name); 
     obj1.put("empNames",json); 


     out.print(obj1); 
     out.flush(); 
        } 

我现在用同样的方法,以填补与雇员姓名的文本框从Ajax调用返回,我看到它被填充。但是,如果返回类型是一个JSON数组,我无法显示它。显示逻辑是正确的,就像我硬编码JSON数组我能够看到列表和表。响应代码是成功的,逻辑不会进入错误状态。

+0

'它不起作用'是什么意思?什么是服务器返回?响应代码是什么? – hvgotcodes 2012-01-28 20:52:11

+0

我的意思是我试图显示的表格也没有显示,状态码总是成功,服务器正在返回json字符串。也尝试通过修改dataType:'json'@hvgotcodes – Ayub 2012-01-28 21:31:25

+0

检查响应代码其200,确定 – Ayub 2012-01-28 21:38:46

回答

0

通过使用var obj = jQuery.parseJSON(nameTex)解决了上述问题;