jQuery: ページの一部分だけ Ajax で読み込む方法

HTMLを先に読んで、ﾍﾟｰｼﾞの一部分だけ Ajax で読み込む方法 [ JavaScript ] みどりのウェブ開発日記　Ajax jQuery PHP XHTML CSS の覚書

// ポイント①　ページの読み込みが終わったらAjax通信を始める

$(window).load(function(){

    $.ajax({

        type: "GET",

        url: "hoge.php?product_name="+product_name+"",

        // ポイント②　送信前にローディング画像を表示する

        beforeSend: function(){

            $('#fade').fadeIn();

        },

        success: function(html){

            $("#product_list_view").html(html);

        },

        error: function(html){

            alert("見つかりません");

        },

        // ポイント③　通信が終了したらローディング画像をフェードアウト

        complete : function(data){

            $('#fade').fadeOut(1500);

        }

    });   

});