js实现div局部刷新

 直接上源码

<div class="truck_content">
<!--查询条件 star-->
<form name="form" method="post" action="index.php?s=/App/Parking/map" >
    <!--loading star-->
    <div class="load">{:L("加载中")}...</div>
    <!--loading end-->
    <table cellpadding="0" cellspacing="0" class="screenBox">

        <tr>
            <td class="w_1">{:L("查询条件")}</td>
            <td class="w_2">
                <span class="cue_1">{:L("区域查询")}</span>
                <!-- onChange="set_city(this, this.form.city);" -->
                <select name="floorID" onChange="select_region(this);" >
                    <option value="">{:L("选择楼层")}</option>
                    <volist name="floor" id='vo'>
                        <option value="{$vo['floorid']}" <if condition="$floorID eq $vo['floorid']">selected</if>>{$vo['floorname']}</option>
                    </volist>

                </select>
                <select   name="regionID" id="citys">
                    <option value="">{:L("选择区域")}</option>
                    <volist name="region" id='vo'>
                        <option value="{$vo['regionid']}" class="region region{$vo['floorid']}"  dataid="region"
                        <if condition="$regionID eq $vo['regionid']">selected
                            <elseif condition="$floorID eq $vo['floorid']"/>
                            <else/>style="display:none"</if> >
                        {$vo['regionname']}
                        </option>
                    </volist>
                </select>

                <span class="cue_2">{:L("车位号查询")}</span><input type="text"  name="spaceID" value="{$spaceID}" id="spaceID" class="text_4" οnkeyup="check()" /><span class="error10" style="display:none"></span>
                <!--οnclick="clickMessage()" οnblur="blurMessage()"-->
                <span class="error1" style="color: #ff0000"></span>
                <input type="submit" name="" class="btn_poss" id="btn_poss" value="{:L("查询")}" style="margin-right:10px;float: right;"/>
            </td>

        </tr>
    </table>
</form>
<!--查询条件 end-->
<ul id="search_list">
</ul>

<div class="data_wd">
    <div class="map-toast" id="closedivtoast"></div>
    <div class="map" id="map">

        中间内容忽略。。。。。。。
    </div>
    <if condition="!empty($mapPic)" >
    <div class="ActionBar" ><img class="ActionImg" src="./Public/images/reset.png"></div>
    </if>
</div>
</div>

<script type="text/javascript">
$(function () {
setInterval(function () {
$("#map").load(location.href + " #map>*",  "");//注意后面DIV的ID前面的空格跟 id 后的>*，很重要！
}, 8000);//8秒自动刷新
})
</script>

习惯用JQ  做前端数据处理的且数据是在模板语言中或者数据存在session 中的），可以采用这种方式刷新页面