在HTML 页面上
//引入jquery.js
<script type="text/javascript" src="/jquery.js"></script>
//引入param.js 可以接收页面传过来的参数
<script type="text/javascript" src="/param.js"></script>
<script type="text/javascript">
// 页面加载完成
$(function () {
//接收传过来的参数typeNametemp
var typeNametemp= getUrlParam("typeNametemp");
// 新建一个typeName
var typeName="";
$.ajax({
//url: 在后台触发的地址
url: "http://localhost:8082/queryAll",
//向后台传的参数typeName 多个参数用“,”间隔
data: {typeName:typeName},
//向后台传递的参数类型：post
type: "POST",
//接收后台返回的数据类型：json 数据
dataType: "JSON",
//成功返回的数据 data==后台返回的接送数据
success: function (data) {
var tr = "";
//清空 id
$("#tbody").empty();
// 遍历data
$(data).each(function () {
//拼接字符串
tr+= "<tr><td >" + this.houseId + "</a> </td>" +
"<td >" + this.houseDesc + "</td> " +
"<td id='hiname'><a //跳转到页面加载 href='/html/queryHouseinfo.html?typeNametemp="+this.typeName+"' id='huixing'><span id='gg'>" + this.typeName+ "</span></a> </td>" +
"<td >" + this.monthlyRent + "</td>" +
"<td >" + this.publishDate + "</td></tr>";
})
//追加到tbody 最后
$("#tbody").append(tr);
//奇数行变色
$("#tbody tr:odd").css("background-color", "red");
//偶数行变色
$("#tbody tr:even").css("background-color", "green");
}
})
</script>
