在点击按钮阿贾克斯重装DIV内容 [英] Ajax reload div content on click button

问题描述

我们的想法是：我有一个主DIV与汽车信息内容微型的div分为每两个一排，说我越来越从数据库查询，我想在pressing该按钮，以使该主力重装内容与从数据库的新内容，是可以做到？请指教。

code是这样的：

 ＆LT; D​​IV CLASS =SearchBlocks＆GT;
    ＆LT; D​​IV CLASS =行＆GT;
        ＆LT; D​​IV CLASS =car_section＆GT;信息＆LT; / DIV＆GT;
        ＆LT; D​​IV CLASS =car_section＆GT;信息＆LT; / DIV＆GT;
        ＆LT; D​​IV CLASS =car_section＆GT;信息＆LT; / DIV＆GT;
        ＆LT; D​​IV CLASS =car_section＆GT;信息＆LT; / DIV＆GT;
        ......

    ＆LT; / DIV＆GT;
    ＆所述; H2类=load_more＆GT;＆其中;一的id =more_link的href =＃＆GT;装载详情＆lt; I类=图标custom_arrow＆GT;＆所述; / I＆GT;＆所述; / a取代;＆所述; / H＆GT;
＆LT; / DIV＆GT;
 

解决方案

 函数重载（URL）{
       $获得（URL，功能（数据）{// $不用彷徨会在URL中定义的页面的内容，并将**数据返回它**变
            $（'＃行'）追加（数据）。
       }
    }

$（'＃more_link）。点击（函数（五）{
        即preventDefault（）;
        VAR URL ='http://example.com/somepage.html';
        重装（URL）; //这个调用重载函数
}）;
 

The idea is: i have a main DIV with content mini divs of cars info divided two per row, that i'm getting with a query from DB, i want when pressing that button to make reload of that main content with new content from the DB, is that possible to do ? please advise.

code looks like this:

<div class="SearchBlocks">
    <div class="row">
        <div class="car_section">INFO</div>
        <div class="car_section">INFO</div>
        <div class="car_section">INFO</div>
        <div class="car_section">INFO</div>
        ......

    </div>
    <h2 class="load_more"><a id="more_link" href="#">Load more <i class="icon-custom_arrow"></i></a></h2>
</div>

解决方案

    function reload(url){
       $.get(url, function(data){      // $.get will get the content of the page defined in url and will return it in **data** variable 
            $('#row').append(data);
       }
    }

$('#more_link').click(function(e){ 
        e.preventDefault();
        var url = 'http://example.com/somepage.html';
        reload(url);  // this calls the reload function
});

这篇关于在点击按钮阿贾克斯重装DIV内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！