<style>
#search div{
}
</style>
<script src="js/jquery-3.1.1.min.js"></script>
<script>
$().ready(function(){
$("#search").click(function(){
$.ajax({
url:"http://43.136.217.18:8081/getProduct",
data:{name: $("#product").val()},
type:"POST",
dataType:"JSON",
success: function(jsonData){
//跟上面的data不一样
//JSON对象转成字符串打印出来
//验证:document.write(JSON.stringify(jsonData));
var html = "<table>";
html += "<tr><th> <th><th>品牌<th><th>型号<th><th>价格<th></tr>";
for(var i in jsonData.data){
var item = jsonData.data[i];
html += "<tr>";
html += "<td><img src=‘http://43.136.217.18:8081/img/"+item.image+"’></td>";
html += "<td>"+ item.brand + "</td>";
html += "<td><a href = 'http://43.136.217.18:8081/img/"+item.image+"'>"+ item.model + "</a></td>";
html += "<td>"+ item.price + "</td>";
html += "</tr>";
}
html += "</table>";
$("div:last-child").html(html);
//考试可能出现的内容:继续为动态渲染的元素添加事件
$('.image').on("click",function(){
});
}
});
});
});
</script>