javascript - クリックボタンでAjaxリロードdivコンテンツ

Question

アイデアは次のとおりです。車の情報のミニ div を 1 行に 2 つに分割したメイン DIV があり、DB からのクエリで取得しています。そのボタンを押したときに、 DB、それは可能ですか？お知らせ下さい。

コードは次のようになります。

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