SpringMVC+Ajax+拼接html字符串的示例分析-創(chuàng)新互聯(lián)
這篇文章將為大家詳細(xì)講解有關(guān)SpringMVC+Ajax+拼接html字符串的示例分析，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。
10年積累的成都網(wǎng)站設(shè)計(jì)、
成都網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先
網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有
濱州免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
SpringMVC的簡單增刪改查（SSM整合）的基礎(chǔ)上再輔助配置Jackson的jar包。
服務(wù)器端
@RequestMapping("/ajaxlist")
@ResponseBody//(springmvc的Jackson注解，返回json字符串)
public List getUserList()
{
List list =userService.findAll();
return list;
}前端使用
異步傳輸
Ajax請求并拼接字符串
$(function() {
$("#testButton").click(function()
{
$.ajax(
{
url:"${pageContext.request.contextPath }/user/ajaxlist",
type:'GET',
dataType:'json',
success:function(data)
{
//拼接字符串
var html = "| 用戶名 | 密碼 | 昵稱 | 電子郵箱 |
";
for(var i=0;i"+""+data[i].username+" | "+""+data[i].password+" | "+
""+data[i].nickname+" | "+""+data[i].email+" | "+"";
}
html = html+"
";
$("#content").append(html);
}
});
});
});
其實(shí)在寫的過程中，我在用firebug調(diào)試的時(shí)候，發(fā)現(xiàn)jQuery的文件無法獲取到， 我一直以為是路徑問題，確定路徑無誤后我發(fā)現(xiàn)，是我靜態(tài)資源映射沒配置。配置靜態(tài)資源映射后就OK了。
前端顯示結(jié)果
當(dāng)然這里顯示得并不是太漂亮，如果需要美觀一點(diǎn)?？梢砸隑ootstrap或者其他框架來美化樣式。
關(guān)于“SpringMVC+Ajax+拼接html字符串的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。
當(dāng)前名稱：SpringMVC+Ajax+拼接html字符串的示例分析-創(chuàng)新互聯(lián)
本文來源：
http://weahome.cn/article/dgsgie.html
重慶分公司
重慶分公司
