ajax接收後臺數據在html頁面顯示

Java代碼

1         PrintWriter out=response.getWriter();       //向客戶端發送字元數據
2         response.setContentType("text/text");          //設置請求以及響應的內容類型以及編碼方式
3         response.setCharacterEncoding("UTF-8");
4         JSONArray  json = JSONArray.fromObject(newsList);   //將newsList對象轉換為json對象
5         String str = json.toString();                //將json對象轉換為字元串
6         out.write(str);                     //將str字元傳輸到前臺       

Ajax代碼

 1  $(document).ready(function() {
 2     $.ajax({
 3     url : "newsservlet",//請求地址
 4     dataType : "json",//數據格式 
 5     type : "post",//請求方式
 6     async : false,//是否非同步請求
 7     success : function(data) {   //如何發送成功
 8     var html = "";
 9     for(var i=0;i<data.length;i++){    //遍歷data數組
10             var ls = data[i];     
11             html +="<li><a href='second page text.html?newsid="+ls.news_id+"'class='infNews_wrod_a'><span>"+ls.news_name+"</span></a><span class='date'>"+ls.news_time+"</span></li>";
12         }
13         $("#ulul").html(html); //在html頁面id=ulul的標簽里顯示html內容
14     },
15 })
16 })

 HTML頁面

1   <ul id="ulul">
2               
3              </ul>

 在ajax中，"#"代表的是一個標簽的id，"."代表的是一個標簽的class

在Java後臺， 設置請求以及響應的內容類型以及編碼方式  必須寫在 json對象轉換字元串 之前 ，否則會造成json中文亂碼