ajax接收後台資料在html頁面顯示，ajax接收後台頁面

ajax接收後台資料在html頁面顯示，ajax接收後台頁面

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中文亂碼