當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

SSM项目-我爱我家（二）

發(fā)布時(shí)間：2024/3/13 编程问答 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 SSM项目-我爱我家（二）小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

首頁(yè)

<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>首頁(yè)</title><link type="text/css" rel="stylesheet" href="css/index.css" /><script src="js/jquery-1.8.3.js"></script></head> <body>  <div id="d2"><div class="d2c2"><div class="d2c22"><iframe src="common/index_top.html" height="60px" width="1180px" scrolling="no" frameborder="0"></iframe></div><div class="d2c23"><div class="d2c232"></div><div class="d2c233"><div><img src="image/shouye/ind-banner-wz.png"/></div><div><ul><li>二<span>手</span>房</li><li>租房</li><li>小區(qū)</li></ul></div><div><p><input type="text" name="search" id="font"/></p><p><a href="#" onclick="startSearch($('#font').val())" >開(kāi)始找房</a></p></div></div></div></div> </div>  <div id="d3"><div><img src="image/shouye/two/zhuce.jpg"/><img src="image/shouye/two/goufang.jpg"/><img src="image/shouye/two/xinfang.jpg"/></div> </div>  <div id="d4"><div></div> </div>  <div id="d5"><div><p><img src="image/shouye/app/ind-mid-wz.png"/></p><div><ul><li><img src="image/shouye/app/iphone.png"></li><li><img src="image/shouye/app/android.png"></li></ul><p><img src="image/shouye/app/code-app.png"></p></div></div> </div>  <div id="d6"><div class="d6c2"><i></i><h2>有好房</h2></div><p>好房辣么多，總有一套適合你</p><a href="">更多<span></span></a> </div>   <div id="d7"><ul><li><a href="#"><img src="image/shouye/six/gaishanshouxuan.jpg"/></a></li><li><a href="#">改善首選</a></li><li><a href="#"><i></i>讓家更大更溫暖</a></li></ul></div> <div id="d8"><div class="d8c2"><ul><li>房產(chǎn)知識(shí)</li><li>錦囊妙計(jì)</li></ul><a href="#">更多<i></i></a><div class="d8c22"><div><a href="#"><img src="image/shouye/seven/fangchanzhishi.jpg"/></a></div><div><h3><a href="#">定金和押金有什么區(qū)別?</a></h3><p>很多朋友在租房過(guò)程中，常常會(huì)遇被一些專(zhuān)業(yè)術(shù)語(yǔ)搞糊涂，比如租房定金和租房押金是一回事嗎？有什么樣的區(qū)別...</p></div><div><a href=""><img src="image/shouye/seven/jinnangmiaoji.jpg"/></a></div><div><h3><a href="#">錦囊妙計(jì)</a></h3><p>租房時(shí)除了考量房屋本身的條件之外，對(duì)于小區(qū)的選擇也是非常重要的。如果住進(jìn)條件不好的小區(qū)，可能生活配套...</p></div></div></div> </div>  <div id="d9"><div class="d6c2"><i></i><h2>新房頻道</h2></div><p>以我之愛(ài)，筑您之家</p><a href="">更多<span></span></a> </div>  <div id="d10"><div class="d10c2"><a href="#"><div><h3>蘇寧紫金嘉悅</h3><p>20000元/平</p></div></a><a href="#"><div><h3>中南樂(lè)尚街</h3><p>14500元/平</p></div></a><a href="#"><div><h3>紫荊名苑</h3><p>25709元/平</p></div></a></div><p><a href="#">玄武   仙鶴門(mén)商圈   35-55平米   公寓</a></p><p><a href="#">棲霞   馬群   37-48平米   公寓</a></p><p><a href="#">棲霞   和燕路   89-119平米   普通住宅</a></p> </div>  <div id="d11"><ul><li>友情鏈接<span></span></li><li>熱門(mén)二手房<span></span></li><li>熱門(mén)租房<span></span></li><li>熱門(mén)小區(qū)<span></span></li><li>熱門(mén)新房<span></span></li><li>熱門(mén)房?jī)r(jià)<span></span></li><li>熱門(mén)房產(chǎn)網(wǎng)<span></span></li><li>房產(chǎn)百科<span></span></li></ul><ul><li><a href="#">北京二手房網(wǎng)</a></li><li><a href="#">天津二手房網(wǎng)</a></li><li><a href="#">太原二手房網(wǎng)</a></li><li><a href="#">上海二手房網(wǎng)</a></li><li><a href="#">南京二手房網(wǎng)</a></li><li><a href="#">杭州二手房網(wǎng)</a></li><li><a href="#">蘇州二手房網(wǎng)</a></li><li><a href="#">長(zhǎng)沙二手房網(wǎng)</a></li><li><a href="#">武漢二手房網(wǎng)</a></li><li><a href="#">南寧二手房網(wǎng)</a></li><li><a href="#">南京商業(yè)地產(chǎn)</a></li><li><a href="#">南京購(gòu)房</a></li><li><a href="#">南京二手房?jī)r(jià)格</a></li><li><a href="#">南京房產(chǎn)網(wǎng)</a></li><li><a href="#">南京裝修</a></li><li><a href="#">南京裝修</a></li><li><a href="#">南京房地產(chǎn)</a></li><li><a href="#">南京樓盤(pán)</a></li><li><a href="#">南京二手房</a></li><li><a href="#">南京天氣預(yù)報(bào)15天</a></li><li><a href="#">南京二手房</a></li><li><a href="#">成都房產(chǎn)</a></li><li><a href="#">長(zhǎng)沙房產(chǎn)網(wǎng)</a></li><li><a href="#">集成灶</a></li></ul> </div> <iframe src="common/root/publicRoot.html" width="100%" height="314px" frameborder="0px" scrolling="no"></iframe> <aside><ul><li><a href="#"><i></i></a></li><li><a href="#"><i></i></a></li><li><a href="#"><i></i></a></li><li><a href="#"><i></i></a></li><li><a href="#"><i></i></a></li><li><a href="#"><i></i></a></li><li><a href="#"><i></i></a></li></ul> </aside> <article><span>咨詢經(jīng)紀(jì)人</span><i></i> </article> <script type="text/javascript">//加載時(shí)操作$(document).ready(function () {//拿控制類(lèi)的回調(diào)方法,data是返回的值,集合$.get("/getHavegoodhouse",function (data) {alert("進(jìn)入d7的jQuery回調(diào),集合是"+data);var str =""; //存放ul的html代碼//拼接str,遍歷data集合,i是索引,item是集合中的對(duì)象//pojo的字段名$(data).each(function (i,item) {str+='<ul><li><a href="#"><img src="'+item.yhfinmgurl+'"/></a></li>'+'<li><a href="#">'+item.yhftitle+'</a></li>'+'<li><a href="#"><i></i>'+item.yhfsummary+'</a></li></ul>';});//將str放入到d7的div中$("#d7").html(str);})});//加載時(shí)操作$(document).ready(function () {//拿控制類(lèi)的回調(diào)方法,data是返回的值,集合$.get("/getPicinfo",function (data) {var str =""; //存放ul的html代碼//拼接str,遍歷data集合,i是索引,item是集合中的對(duì)象//pojo的字段名$(data).each(function (i,item) {str+='<a href="#"><ul><li><img src="'+item.twimgurl+'" height="90px" width="90px" /></li>'+'<li>'+item.twtitle+'</li>'+'<li>'+item.twsummary+'</li></ul></a>';});//將str放入到d4的div中$("#d4 > div ").html(str);})}); </script></body> </html>

——————————————————————————————————————————
二手房頁(yè)面，按條件查詢

<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>二手房首頁(yè)</title><link type="text/css" rel="stylesheet" href="css/secondHandHouse.css"/><script src="js/jquery-1.8.3.js"></script></head> <body style="overflow-x: hidden;">  <div id="d2"><iframe src="common/public_top.html" height="60px"width="100%" scrolling="no" frameborder="no"></iframe> </div>  <div id="d3"><div class="d3c2"><p><span><a href="#">我愛(ài)我家南京</a> </span>><span><a href="#">南京二手房</a></span></p><p><input type="text" name="search" placeholder="區(qū)域、商圈、小區(qū)、地鐵應(yīng)有盡有"/><input type="image" src="image/secondHouse/search.png"/></p></div> </div>  <div id="d4"><div class="d4c2"><div class="d4c22"><p><a href="#">條件篩選</a></p><p><a href="#">選房卡</a></p></div><div class="d4c23"><div class="d4c232"><p>位置</p><ul><li>區(qū)域</li><li>地鐵</li></ul></div><div class="d4c233"><dl id="district"><dt>全部</dt></dl><dl id="totalpricesection"><dt>總價(jià)</dt><dd><ul><li><input type="text" name="minarea"/></li><li>~</li><li><input type="text" name="maxarea"/></li><li>㎡</li><li><input type="button" value="確定"/></li></ul></dd></dl><dl id="totalareasection"><dt>面積</dt><dd><ul><li><input type="text" name="minarea"/></li><li>~</li><li><input type="text" name="maxarea"/></li><li>㎡</li><li><input type="button" value="確定"/></li></ul></dd></dl><dl id="housetype"><dt>戶型</dt></dl><dl id="houseuse"><dt>用途</dt></dl><dl id="louceng"><dt>樓層</dt></dl><dl id="chaoxiang"><dt>朝向</dt></dl><dl id="louling"><dt>樓齡</dt></dl><dl id="zhuangxiu"><dt>裝修</dt></dl><dl id="biaoqian"><dt>標(biāo)簽</dt></dl></div><div class="d4c234"><img src="image/secondHouse/shouqi.png"/></div></div><div class="d4c24"><div class="d4c242">條件</div><div class="d4c243" id="condition"></div><div class="d4c244"><img id="save" src="image/secondHouse/save.png"/><img id="delete" src="image/secondHouse/delete.png"/></div></div></div> </div>  <div id="d5"><div class="d5c2"><div class="d5c22"><div class="d5c222"><ul><li>默認(rèn)排序</li><li>總價(jià)</li><li>單價(jià)</li><li>面積</li><li>最新發(fā)布</li></ul></div><div class="d5c223" id="totalCount"></div><div class="d5c224" id="houseList"></div><div class="d5c225"></div></div><div class="d5c23"><a href="#"><img src="image/secondHouse/map.png"/><span></span></a></div></div> </div> <div><iframe src="common/root/publicRoot.html" width="100%" height="314px" scrolling="no" frameborder="no"></iframe> </div> <script type="text/javascript">//獲得區(qū)級(jí)$(document).ready(function () {//拿控制類(lèi)的回調(diào)方法,data是返回的值,集合$.get("/getDistrict", function (data) {//alert("進(jìn)入?yún)^(qū)級(jí)的jQuery回調(diào),集合是" + data);var str = `<dt>全部</dt>`; //存放ul的html代碼//拼接str,遍歷data集合,i是索引,item是集合中的對(duì)象,ecmascript6報(bào)錯(cuò)打開(kāi),支持``撇號(hào)//pojo的字段名$(data).each(function (i, item) {//綁定點(diǎn)擊事件οnclick="conditionSel();"str += `<dd><input type="radio" name="district" οnclick="conditionSel();" value="${item.dname}" />${item.dname}</dd>`;});//將str放入到d4的div中$("#district").html(str);});//});//獲得價(jià)格//$(document).ready(function () {//拿控制類(lèi)的回調(diào)方法,data是返回的值,集合$.get("/getTotalpricesection", function (data) {var str = ""; //存放ul的html代碼//拼接str,遍歷data集合,i是索引,item是集合中的對(duì)象//pojo的字段名$(data).each(function (i, item) {str += `<dd><input type="radio" name="totalpricesection" οnclick="conditionSel();" value="${item.tpsname}" />${item.tpsname}</dd>`;});//將str放入到d4的div中$("#totalpricesection>dt").after(str);});//});//獲得面積//$(document).ready(function () {//拿控制類(lèi)的回調(diào)方法,data是返回的值,集合$.get("/getTotalareasection", function (data) {var str = ""; //存放ul的html代碼//拼接str,遍歷data集合,i是索引,item是集合中的對(duì)象//pojo的字段名$(data).each(function (i, item) {str += `<dd><input type="radio" name="totalareasection" οnclick="conditionSel();" value="${item.tasname}" />${item.tasname}</dd>`;});//將str放入到d4的div中$("#totalareasection>dt").after(str);});//});//獲得戶型//$(document).ready(function () {//拿控制類(lèi)的回調(diào)方法,data是返回的值,集合$.get("/getHousetype", function (data) {var str = ""; //存放ul的html代碼//拼接str,遍歷data集合,i是索引,item是集合中的對(duì)象//pojo的字段名$(data).each(function (i, item) {str += `<dd><input type="radio" name="housetype" οnclick="conditionSel();" value="${item.htname}" />${item.htname}</dd>`;});//將str放入到d4的div中$("#housetype>dt").after(str);});//});//獲得用途//$(document).ready(function () {//拿控制類(lèi)的回調(diào)方法,data是返回的值,集合$.get("/getHouseuse", function (data) {var str = ""; //存放ul的html代碼//拼接str,遍歷data集合,i是索引,item是集合中的對(duì)象//pojo的字段名$(data).each(function (i, item) {str += `<dd><input type="radio" name="houseuse" οnclick="conditionSel();" value="${item.huname}" />${item.huname}</dd>`;});//將str放入到d4的div中$("#houseuse>dt").after(str);});//});//獲得樓層//$(document).ready(function () {//拿控制類(lèi)的回調(diào)方法,data是返回的值,集合$.get("/getLouceng", function (data) {var str = ""; //存放ul的html代碼//拼接str,遍歷data集合,i是索引,item是集合中的對(duì)象//pojo的字段名$(data).each(function (i, item) {str += `<dd><input type="radio" name="louceng" οnclick="conditionSel();" value="${item.lcname}" />${item.lcname}</dd>`;});//將str放入到d4的div中$("#louceng>dt").after(str);});//});//獲得朝向//$(document).ready(function () {//拿控制類(lèi)的回調(diào)方法,data是返回的值,集合$.get("/getChaoxiang", function (data) {var str = ""; //存放ul的html代碼//拼接str,遍歷data集合,i是索引,item是集合中的對(duì)象//pojo的字段名$(data).each(function (i, item) {str += `<dd><input type="radio" name="chaoxiang" οnclick="conditionSel();" value="${item.cxname}" />${item.cxname}</dd>`;});//將str放入到d4的div中$("#chaoxiang>dt").after(str);});//});//獲得樓齡//$(document).ready(function () {//拿控制類(lèi)的回調(diào)方法,data是返回的值,集合$.get("/getLouling", function (data) {var str = ""; //存放ul的html代碼//拼接str,遍歷data集合,i是索引,item是集合中的對(duì)象//pojo的字段名$(data).each(function (i, item) {str += `<dd><input type="radio" name="louling" οnclick="conditionSel();" value="${item.llname}" />${item.llname}</dd>`;});//將str放入到d4的div中$("#louling>dt").after(str);});//});//獲得裝修// $(document).ready(function () {//拿控制類(lèi)的回調(diào)方法,data是返回的值,集合$.get("/getZhuangxiu", function (data) {var str = ""; //存放ul的html代碼//拼接str,遍歷data集合,i是索引,item是集合中的對(duì)象//pojo的字段名$(data).each(function (i, item) {str += `<dd><input type="radio" name="zhuangxiu" οnclick="conditionSel();" value="${item.zxname}" />${item.zxname}</dd>`;});//將str放入到d4的div中$("#zhuangxiu>dt").after(str);});//});//獲得標(biāo)簽//$(document).ready(function () {//拿控制類(lèi)的回調(diào)方法,data是返回的值,集合$.get("/getBiaoqian", function (data) {var str = ""; //存放ul的html代碼//拼接str,遍歷data集合,i是索引,item是集合中的對(duì)象//pojo的字段名$(data).each(function (i, item) {str += `<dd><input type="radio" name="biaoqian" οnclick="conditionSel();" value="${item.bqname}" />${item.bqname}</dd>`;});//將str放入到d4的div中$("#biaoqian>dt").after(str);});//});//獲取房源信息//$(document).ready(function () {//拿控制類(lèi)的回調(diào)方法,data是返回的值,集合$.get("/getHouseinfo", function (data) {alert("data" + data);alert("data.houseinfo" + data.houseinfo);alert("data.pageInfo" + data.pageInfo);//console.log(data)//調(diào)用房屋相關(guān)信息showHouseInfo(data.houseinfo);//調(diào)用分頁(yè)信息showPageInfo(data.pageInfo);});});//顯示房源信息方法function showHouseInfo(data) {//alert("data" + data);//data是Controller控制類(lèi)的houseinfos對(duì)象var str = "";//遍歷data集合$(data).each(function (i, item) {str += `<div class="d5c2242"><div><a href="#"><img src="${item.hpurl}" height="195px" width="240px"></a></div><div><h3><a href="#">${item.information}</a></h3><div><ul><li><i></i>${item.htname} .${item.area} 平米 . ${item.cxname} .${item.lcname} .${item.zxname}</li><li><i></i>${item.sname}</li><li><i></i>${item.personno} 人關(guān)注 . 近30天帶看 ${item.dkno} 次 . ${item.publishtime} 發(fā)布</li></ul><ul><li><strong>${item.price}</strong>萬(wàn)</li><li>單價(jià) ${(item.price / item.area).toFixed(2)} 元/m2</li></ul></div><div><span>${item.bqname}</span></div></div></div>`});//放入div,和分頁(yè)按鈕$("#houseList").html(str + `<div class="d5c225"><ul><li>第<span id="pagenum">1</span>/<span id="totalpage">30</span></li><li><a href="#" οnclick="getFirstPage" id="fristPage">首頁(yè)</a></li><li><a href="#" id="proPage">上一頁(yè)</a></li><li><a href="#" id="nextPage">下一頁(yè)</a></li><li><a href="#" id="lastPage">末頁(yè)</a></li><li>共<span id="totalcount">100</span>條</li></ul></div></div></div> </div> <div><iframe src="common/root/publicRoot.html" width="100%" height="314px" scrolling="no" frameborder="no"></iframe> </div>`);}//顯示分頁(yè)信息方法//全局參數(shù)var proPage;var nextPage;var lastPage;function showPageInfo(pageInfo) {//將共有多少套房源$("#totalCount").html(`共找到 <strong>${pageInfo.total}</strong> 套房源`);//當(dāng)前頁(yè)的顯示$("#pagenum").html(`${pageInfo.pageNum}`);//總頁(yè)數(shù)顯示$("#totalpage").html(`${pageInfo.pages}`);//下面的總記錄數(shù)顯示$("#totalcount").html(`${pageInfo.total}`);//全局參數(shù)賦值proPage =`${pageInfo.prePage}`;nextPage =`${pageInfo.nextPage}`;lastPage =`${pageInfo.pages}`;}//分頁(yè)控件點(diǎn)擊刷新//首頁(yè)$(document).on("click", "#firstPage", function () {$.get("/getHouseinfoBy?pagenum=1",function (data) {showHouseInfo(data.houseinfo);showPageInfo(data.pageInfo);});});//上一頁(yè)$(document).on("click", "#proPage", function (){$.get("/getHouseinfoBy?pagenum="+proPage,function (data){showHouseInfo(data.houseinfo);showPageInfo(data.pageInfo);});});//下一頁(yè)$(document).on("click","#nextPage", function () {$.get("/getHouseinfoBy?pagenum="+nextPage,function (data){showHouseInfo(data.houseinfo);showPageInfo(data.pageInfo);});});//末頁(yè)$(document).on("click", "#lastPage", function () {$.get("/getHouseinfoBy?pagenum="+lastPage,function (data){showHouseInfo(data.houseinfo);showPageInfo(data.pageInfo);});});//條件篩選查詢//創(chuàng)建全局變量存放篩選條件var names; //存放鍵名字,dname,tpsnamevar values; //存放值,江寧區(qū),80-90m//獲得單選按鈕,點(diǎn)擊事件//點(diǎn)擊x刪除一個(gè)條件時(shí),也會(huì)刷新function conditionSel() {//獲得所有單選按鈕$("#condition").empty();//函數(shù)全局范圍varvar str = "";//獲得信息區(qū)級(jí)按鈕//遍歷找到選中的項(xiàng),拿valua值賦值給拼接標(biāo)簽$("[name='district']").each(function (i, item) {//判斷選中的單選按鈕才進(jìn)行填充if (item.checked) {str += `<p><span name="dname" value="${item.value}">${item.value}</span><label value="district" class="del">X</label></p>`;}//整理標(biāo)簽的格式$("#condition").html(str);});//獲得信息價(jià)格按鈕//遍歷找到選中的項(xiàng),拿valua值賦值給拼接標(biāo)簽$("[name='totalpricesection']").each(function (i, item) {//判斷選中的單選按鈕才進(jìn)行填充if (item.checked) {str += `<p><span name="tpsname" value="${item.value}">${item.value}</span><label value="totalpricesection" class="del">X</label></p>`;}//整理標(biāo)簽的格式$("#condition").html(str);});//獲得信息面積按鈕//遍歷找到選中的項(xiàng),拿valua值賦值給拼接標(biāo)簽$("[name='totalareasection']").each(function (i, item) {//判斷選中的單選按鈕才進(jìn)行填充if (item.checked) {str += `<p><span name="tasname" value="${item.value}">${item.value}</span><label value="totalareasection" class="del">X</label></p>`;}//整理標(biāo)簽的格式$("#condition").html(str);});//獲得信息戶型按鈕//遍歷找到選中的項(xiàng),拿valua值賦值給拼接標(biāo)簽$("[name='housetype']").each(function (i, item) {//判斷選中的單選按鈕才進(jìn)行填充if (item.checked) {str += `<p><span name="htname" value="${item.value}">${item.value}</span><label value="housetype" class="del">X</label></p>`;}//整理標(biāo)簽的格式$("#condition").html(str);});//獲得信息用途按鈕//遍歷找到選中的項(xiàng),拿valua值賦值給拼接標(biāo)簽$("[name='houseuse']").each(function (i, item) {//判斷選中的單選按鈕才進(jìn)行填充if (item.checked) {str += `<p><span name="huname" value="${item.value}">${item.value}</span><label value="houseuse" class="del">X</label></p>`;}//整理標(biāo)簽的格式$("#condition").html(str);});//獲得信息樓層按鈕//遍歷找到選中的項(xiàng),拿valua值賦值給拼接標(biāo)簽$("[name='louceng']").each(function (i, item) {//判斷選中的單選按鈕才進(jìn)行填充if (item.checked) {str += `<p><span name="lcname" value="${item.value}">${item.value}</span><label value="louceng" class="del">X</label></p>`;}//整理標(biāo)簽的格式$("#condition").html(str);});//獲得信息朝向按鈕//遍歷找到選中的項(xiàng),拿valua值賦值給拼接標(biāo)簽$("[name='chaoxiang']").each(function (i, item) {//判斷選中的單選按鈕才進(jìn)行填充if (item.checked) {str += `<p><span name="cxname" value="${item.value}">${item.value}</span><label value="chaoxiang" class="del">X</label></p>`;}//整理標(biāo)簽的格式$("#condition").html(str);});//獲得信息樓齡按鈕//遍歷找到選中的項(xiàng),拿valua值賦值給拼接標(biāo)簽$("[name='louling']").each(function (i, item) {//判斷選中的單選按鈕才進(jìn)行填充if (item.checked) {str += `<p><span name="llname" value="${item.value}">${item.value}</span><label value="louling" class="del">X</label></p>`;}//整理標(biāo)簽的格式$("#condition").html(str);});//獲得信息裝修按鈕//遍歷找到選中的項(xiàng),拿valua值賦值給拼接標(biāo)簽$("[name='zhuangxiu']").each(function (i, item) {//判斷選中的單選按鈕才進(jìn)行填充if (item.checked) {str += `<p><span name="zxname" value="${item.value}">${item.value}</span><label value="zhuangxiu" class="del">X</label></p>`;}//整理標(biāo)簽的格式$("#condition").html(str);});//獲得信息標(biāo)簽按鈕//遍歷找到選中的項(xiàng),拿valua值賦值給拼接標(biāo)簽$("[name='biaoqian']").each(function (i, item) {//判斷選中的單選按鈕才進(jìn)行填充if (item.checked) {str += `<p><span name="bqname" value="${item.value}">${item.value}</span><label value="biaoqian" class="del">X</label></p>`;}//整理標(biāo)簽的格式$("#condition").html(str);});//創(chuàng)建按鈕條件區(qū)域的數(shù)組names = new Array();values = new Array();//獲取conddition中span元素var spans = $("#condition span"); //span標(biāo)簽的數(shù)組//遍歷$(spans).each(function (i,item) {//填充names valuesnames[i] = $(this).attr("name");values[i] = $(this).attr("value");});//瀏覽器測(cè)試console.info(names);console.info(values);//調(diào)用控制層的Ajax實(shí)現(xiàn)刷新$.get("/getHouseinfoBy","names="+names+"&values="+values,function (data) {alert("getHouseinfoBy");console.info(data);showHouseInfo(data.houseinfo);showPageInfo(data.pageInfo);});}//按鈕清除//文檔加載完成之后再綁定,"click"事件, "del"執(zhí)行人$(document).on("click", ".del", function () {//獲取x label標(biāo)簽中的value值var eleName = $(this).attr("value");//遍歷所有單選按鈕(點(diǎn)擊x的那一塊區(qū)域)$("[name='" + eleName + "']").each(function (i, item) {//移除選中按鈕的屬性checked <input type="radio" name="district" checked ="checked"/>$(this).removeAttr("checked");});//重新加載篩選條件的事件處理函數(shù)conditionSel();});</script></body> </html> <SCRIPT Language=VBScript></SCRIPT>

總結(jié)

以上是生活随笔為你收集整理的SSM项目-我爱我家（二）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇：数据是美丽的：11个可视化案例分享
下一篇：英文原文：6 Life Habits T