javascript - 单击按钮时 Ajax 重新加载 div 内容

Question

我的想法是:我有一个主 DIV，其中包含汽车信息的内容迷你 div，每行分为两部分，我正在从数据库中获取查询，我希望在按下该按钮时使用新的内容重新加载该主要内容来自数据库的内容，这可能吗？请指教。

代码如下所示:

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

Answer 1

    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
});