jquery에서 ajax호출하여 데이터 로딩시 창띄우기

jquery에서 ajax호출하여 데이터 로딩시 창띄우기

jquery ajax 함수 이용

$.ajax(

{

    type: 'post',

    url: 'mail.php',

    data: form.serialize(),

    beforeSend: function()

    {

        $('.content').html('loading...');

    },

    success: function(data)

    {

        $('.content').html(data);

    },

    error: function()

    {

        $('.content').html('error');

    }

});

또한 아래처럼 구현해도 되겠죠...

#loader는 적당히 만드시구요,

jQuery(document).ready(function(){

jQuery("#search").click(function(){

    jQuery("#loader").show("slow");

    jQuery("#response_result").hide("slow");

    jQuery.post(siteurl+"/ajax.php?q="passyourdata, function(response){

        setTimeout("finishAjax('response_result', '"+escape(response)+"')", 850);

            });

});

})

function finishAjax(id,response){ 

      jQuery("#loader").hide("slow");   

      jQuery('#response_result').html(unescape(response));

      jQuery("#"+id).show("slow");      

      return true;

}