有時候我們需要從服務器端獲取數據，來顯示到頁面

這時我們可以用jquery的getJSON來獲得數據

這要求我們構造JSON格式的數據

json格式數據為：[{{'name':'老王'},{'age':'22'}},{{'name':'老李'},{'age':'32'}}]

前臺代碼：

jquery：

$.get("${pageContext.request.contextPath}/manage/orderManage_parseData.action?num="+Math.random()*1000+"&path="+encodeURI(filepath),null,function(data){
??$.each(data,function(k,v){?
???$.each(v,function(kk,vv){
??????????str+="<td? height='20' bgcolor='red' class='STYLE6'><div align='center'><span class='STYLE19'>"+vv+"</span></div></td>";
????????});
??});

其中data是返回的json數據，因為我們構造的是多維數組類型，所以可以通過迭代來獲取其中的數據

后臺服務器代碼：

/**
? * getJSON請求分析數據
? */
?public void parseData(){
??HttpServletResponse response = ServletActionContext.getResponse();
??response.setCharacterEncoding("utf-8");
??List<String[]> list=new ArrayList<String[]>();
??try {
???System.out.println(path);
???path= URLDecoder.decode(path,"utf-8");
???list = ImportExportDataUtil.parseData(path);
???String[] format ={"Empo_Name","Empo_Code","User_ID","User_Pass"};
???String jsonData = ImportExportDataUtil.getJSONData(list, format);
???EmpoCode empoCode;
???for(int i=0;i<list.size();i++){
????String[] st=list.get(i);
????for(int j=0;j<format.length;j++){
?????empoCode = new EmpoCode();
????}
???}
???PrintWriter writer = response.getWriter();
???writer.write(jsonData);
??} catch (Exception e) {
???e.printStackTrace();
??}
?}

其中list是List<String[]>格式的數據，format為所要構造的數據類型

上面紅色字體所調用的代碼如下，主要是構造json類型數據

/**
? * 返回json格式的數據,如[{name:小強,age:22},{name:小李,age:23},{name:小王,age:21}]
? * @param list 輸入數據
? * @param format 轉換格式，如String[] format ={"name","age"};
? * @return
? */
?public static String getJSONData(List<String[]> list,String[] format){
??StringBuffer jsonData = new StringBuffer();
??jsonData.append("[");
??for(int j=0;j<list.size();j++){
???String[] st= list.get(j);
???jsonData.append("{");
???for(int i=0;i<format.length;i++){
????if(i==format.length-1){
?????jsonData.append("\""+format[i]+"\":\""+st[i]+"\"");
????}else{
?????jsonData.append("\""+format[i]+"\":\""+st[i]+"\",");
????}
???}
????if(j==list.size()-1){
?????jsonData.append("}");
????}else{
?????jsonData.append("},");
????}
??}
??jsonData.append("]");
??return jsonData.toString();
?}

轉載于:https://www.cnblogs.com/qixing/archive/2013/04/28/3049574.html

總結

以上是生活随笔為你收集整理的使用jquery的getJSON从服务器端获得数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。