【Ajax】接收后台數據在html頁面顯示

Java代碼

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

Ajax代碼

 

 $(document).ready(function() {
    $.ajax({
    url : "newsservlet",//請求地址
    dataType : "json",//數據格式 
    type : "post",//請求方式
    async : false,//是否異步請求
    success : function(data) {   //如何發送成功
    var html = "";
    for(var i=0;i<data.length;i++){    //遍歷data數組
            var ls = data[i];     
            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>";
        }
        $("#ulul").html(html); //在html頁面id=ulul的標簽里顯示html內容
    },
})
})

 

 HTML頁面

 

  <ul id="ulul">
              
             </ul>

 

 

 

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

 

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