ajax接收后臺(tái)數(shù)據(jù)在html頁(yè)面顯示的示例分析
這篇文章主要為大家展示了“ajax接收后臺(tái)數(shù)據(jù)在html頁(yè)面顯示的示例分析”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“ajax接收后臺(tái)數(shù)據(jù)在html頁(yè)面顯示的示例分析”這篇文章吧。
成都創(chuàng)新互聯(lián)成立于2013年，我們提供高端網(wǎng)站建設(shè)、成都網(wǎng)站制作公司、成都網(wǎng)站設(shè)計(jì)、網(wǎng)站定制、成都全網(wǎng)營(yíng)銷推廣、小程序制作、微信公眾號(hào)開發(fā)、網(wǎng)站推廣服務(wù)，提供專業(yè)營(yíng)銷思路、內(nèi)容策劃、視覺設(shè)計(jì)、程序開發(fā)來(lái)完成項(xiàng)目落地，為成都服務(wù)器托管企業(yè)提供源源不斷的流量和訂單咨詢。
Java代碼
PrintWriter out=response.getWriter(); //向客戶端發(fā)送字符數(shù)據(jù)
response.setContentType("text/text"); //設(shè)置請(qǐng)求以及響應(yīng)的內(nèi)容類型以及編碼方式
response.setCharacterEncoding("UTF-8");
JSONArray json = JSONArray.fromObject(newsList); //將newsList對(duì)象轉(zhuǎn)換為json對(duì)象
String str = json.toString(); //將json對(duì)象轉(zhuǎn)換為字符串
out.write(str); //將str字符傳輸?shù)角芭_(tái)Ajax代碼
$(document).ready(function() {
$.ajax({
url : "newsservlet",//請(qǐng)求地址
dataType : "json",//數(shù)據(jù)格式
type : "post",//請(qǐng)求方式
async : false,//是否異步請(qǐng)求
success : function(data) { //如何發(fā)送成功
var html = "";
for(var i=0;i"+ls.news_name+""+ls.news_time+"";
}
$("#ulul").html(html); //在html頁(yè)面id=ulul的標(biāo)簽里顯示html內(nèi)容
},
})
}) HTML頁(yè)面
在ajax中，"#"代表的是一個(gè)標(biāo)簽的id，"."代表的是一個(gè)標(biāo)簽的class
在Java后臺(tái)， 設(shè)置請(qǐng)求以及響應(yīng)的內(nèi)容類型以及編碼方式 必須寫在 json對(duì)象轉(zhuǎn)換字符串 之前 ，否則會(huì)造成json中文亂碼
以上是“ajax接收后臺(tái)數(shù)據(jù)在html頁(yè)面顯示的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
當(dāng)前標(biāo)題：ajax接收后臺(tái)數(shù)據(jù)在html頁(yè)面顯示的示例分析
文章來(lái)源：http://m.jiaotiyi.com/article/jeccsh.html