HTML 中 ajax 的小结

在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>