jquery查询数据显示在html,JQuery 获取数据列表并显示

简述：

试用jquery 获取列表型数据并显示

点击某一行之后打开对应的图片

知识点：

试用jquery从后台获取数据，之后以列表形式展现到前台

项目结构：

代码：

testList.html

MyWebProject

rel="stylesheet" />

$(document).ready(function(){

$.ajax({

type:"GET",

url: "http://localhost:8080/MyWebProject/TestImage",

dataType:"json",

global:false,

success: function(data){

$("#imgList tr:not(#title)").remove();

$.each(data.imgList,function(index,item){

$("#imgList").append(

"

" + item.name + ""

+ "

" + " " + item.url + "" + ""

+ "

" + " " + ""

+ "

");

});

}

});

});

图片名称

url

图片