ajax接收后臺(tái)數(shù)據(jù)在html頁(yè)面顯示
更新時(shí)間：2017年02月19日 14:11:17 作者：BobCoder
本篇文章主要介紹了ajax接收后臺(tái)數(shù)據(jù)在html頁(yè)面顯示的方法，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
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<data.length;i++){ //遍歷data數(shù)組
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頁(yè)面id=ulul的標(biāo)簽里顯示html內(nèi)容
},
})
})
HTML頁(yè)面
<ul id="ulul"></ul>
在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中文亂碼
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
JavaScript使用canvas繪制隨機(jī)驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了JavaScript使用canvas繪制隨機(jī)驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要介紹了JavaScript作用域 閉包的相關(guān)資料，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
這篇文章主要介紹了js 走馬燈簡(jiǎn)單實(shí)例，有需要的朋友可以參考一下2013-11-11
JavaScript實(shí)現(xiàn)數(shù)組對(duì)象轉(zhuǎn)換為鍵值對(duì)的四種方式
本文探討了將包含 {icon: "abc", url: "123"} 形式對(duì)象的數(shù)組轉(zhuǎn)換為鍵值對(duì)形式的四種方法,并從實(shí)現(xiàn)方式的簡(jiǎn)潔性、可讀性和性能角度進(jìn)行了分析比較,感興趣的朋友可以參考下2024-02-02
Bootstrap開(kāi)關(guān)(switch)控件學(xué)習(xí)筆記分享
這篇文章主要為大家分享了Bootstrap開(kāi)關(guān)(switch)控件學(xué)習(xí)筆記，介紹了Bootstrap開(kāi)關(guān)(switch)控件的功能、使用說(shuō)明，感興趣的小伙伴們可以參考一下2016-05-05
Js自動(dòng)截取字符串長(zhǎng)度,添加省略號(hào)(……)的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇Js自動(dòng)截取字符串長(zhǎng)度,添加省略號(hào)(……)的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
這篇文章主要介紹了js實(shí)現(xiàn)拉幕效果的廣告代碼,涉及javascript定時(shí)操作頁(yè)面元素屬性變換的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
PHP+jQuery+Ajax+Mysql如何實(shí)現(xiàn)發(fā)表心情功能
這篇文章通過(guò)php+jquery+ajax+mysql相結(jié)合，實(shí)現(xiàn)當(dāng)用戶瀏覽網(wǎng)站文章或者是論壇帖子后，想表達(dá)自己瀏覽后的心情，發(fā)表自己的感受，很多網(wǎng)站都提供了用戶發(fā)表心情的功能，通過(guò)此功能可以很直觀的分析文章或者是論壇對(duì)瀏覽者的用戶體驗(yàn)度2015-08-08
當(dāng)你進(jìn)行函數(shù)的嵌套時(shí)，要注意實(shí)際上作用域鏈?zhǔn)前l(fā)生變化的，這點(diǎn)可能看起來(lái)不太直觀。你可把下面的代碼置入firebug監(jiān)視值的變化。2010-03-03
這篇文章主要介紹了Javascript高級(jí)技巧,需要的朋友可以參考下2014-02-02