溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關SpringMVC+Ajax+拼接html字符串的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
SpringMVC的簡單增刪改查（SSM整合）的基礎上再輔助配置Jackson的jar包。
服務器端
@RequestMapping("/ajaxlist")
@ResponseBody//(springmvc的Jackson注解，返回json字符串)
public List<User> getUserList()
{
List<User> list =userService.findAll();
return list;
}前端使用
<body> <button id="testButton">異步傳輸</button> <div id="content"></div> </body>
Ajax請求并拼接字符串
<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;i<data.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>其實在寫的過程中，我在用firebug調(diào)試的時候，發(fā)現(xiàn)jQuery的文件無法獲取到， 我一直以為是路徑問題，確定路徑無誤后我發(fā)現(xiàn)，是我靜態(tài)資源映射沒配置。配置靜態(tài)資源映射后就OK了。
前端顯示結(jié)果
當然這里顯示得并不是太漂亮，如果需要美觀一點?？梢砸隑ootstrap或者其他框架來美化樣式。
關于“SpringMVC+Ajax+拼接html字符串的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
