為什么寫這個(gè)呢。因?yàn)樵诂F(xiàn)在的網(wǎng)頁中。單純的同步傳遞數(shù)據(jù)已經(jīng)變得非常少了。大多數(shù)都是通過Ajax異步來傳遞數(shù)據(jù)的。因此在這里用SpringMVC+Ajax做一個(gè)簡單的小例子，同時(shí)輔助以拼接字符串顯示。希望能為大家?guī)韼椭?br />
本次案例的配置仍然是在上一篇SpringMVC的簡單增刪改查（SSM整合）的基礎(chǔ)上再輔助配置Jackson的jar包。
服務(wù)器端
@RequestMapping("/ajaxlist")
@ResponseBody//(springmvc的Jackson注解，返回json字符串)
public ListUser> getUserList()
{
ListUser> list =userService.findAll();
return list;
}
前端使用
body>
button id="testButton">異步傳輸/button>
div id="content">/div>
/body>
Ajax請(qǐng)求并拼接字符串
script type="text/javascript">
$(function() {
$("#testButton").click(function()
{
$.ajax(
{
url:"${pageContext.request.contextPath }/user/ajaxlist",
type:'GET',
dataType:'json',
success:function(data)
{
//拼接字符串
var html = "table>tr>td>用戶名/td>td>密碼/td>td>昵稱/td>td>電子郵箱/td>/tr>";
for(var i=0;idata.length;i++)
{
html=html+"tr>"+"td>"+data[i].username+"/td>"+"td>"+data[i].password+"/td>"+
"td>"+data[i].nickname+"/td>"+"td>"+data[i].email+"/td>"+"/tr>";
}
html = html+"/table>";
$("#content").append(html);
}
});
});
});
/script>
其實(shí)在寫的過程中，我在用firebug調(diào)試的時(shí)候，發(fā)現(xiàn)jQuery的文件無法獲取到， 我一直以為是路徑問題，確定路徑無誤后我發(fā)現(xiàn)，是我靜態(tài)資源映射沒配置。配置靜態(tài)資源映射后就OK了。
前端顯示結(jié)果
當(dāng)然這里顯示得并不是太漂亮，如果需要美觀一點(diǎn)。可以引入Bootstrap或者其他框架來美化樣式。
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
標(biāo)簽：遼寧 內(nèi)江 銅川 本溪 四川 益陽 玉樹 營口
巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《SpringMVC+Ajax+拼接html字符串實(shí)例代碼》，本文關(guān)鍵詞 SpringMVC+Ajax+,拼接,html,字符串,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
