ajax示例操作

示例一

复制代码
$('.button').click(function () {
var url = $('.form').attr('ajax-url');
var data = $(".formform").serialize();//获取所有表单的信息
ajax_url(url,data,'修改成功','修改失败');
})

function ajax_url(url,data,successText,errorText) {
    $.ajax({
        url: url,
        type: "POST",
        data:data,
        dataType: "json",
        async: false,
        timeout:15000,
        beforeSend:function(XMLHttpRequest){ 
        //alert('远程调用开始...');
            $("#loading").html("<img src='/jqueryStu/images/loading.gif' />"); 
        },
        success:function(data,textStatus){ 
            alert('开始回调，状态文本值：'+textStatus+' 返回数据：'+data); 
            // $("#loading").empty();
        },
        complete:function(XMLHttpRequest,textStatus){
            // alert('远程调用成功，状态文本值：'+textStatus);
            $("#loading").empty();
        },
        error:function(XMLHttpRequest,textStatus,errorThrown){ 
            alert('error...状态文本值：'+textStatus+" 异常信息："+errorThrown);
            $("#loading").empty();
        }
    });
    return false;
}