jquery AJAX方法

$ajax()执行异步 AJAX 请求

$(document).ready(function(){
    $("button").click(function(){
        $.ajax({url:"demo_test.txt",success:function(result){
            $("#div1").html(result);
        }});
    });
});

$.ajaxSetup()为将来的 AJAX 请求设置默认值

$(document).ready(function(){
    $("button").click(function(){
        $.ajaxSetup({
            url:"demo_ajax_load.txt",
            success:function(result){
                $("div").html(result);
            }
        });
        $.ajax();
    });
});

$.get()使用 AJAX 的 HTTP GET 请求从服务器加载数据

$(document).ready(function(){
    $("button").click(function(){
        $.get("/try/ajax/demo_test.php",function(data,status){
            alert("数据: " + data + "\n状态: " + status);
        });
    });
});

$.getJSON()使用 HTTP GET 请求从服务器加载 JSON 编码的数据

$(document).ready(function(){
    $("button").click(function(){
        $.getJSON("demo_ajax_json.js",function(result){
            $.each(result, function(i, field){
                $("div").append(field + " ");
            });
        });
    });
});

$.getScript()使用 AJAX 的 HTTP GET 请求从服务器加载并执行 JavaScript

$(document).ready(function(){
    $("button").click(function(){
        $.getScript("demo_ajax_script.js");
    });
});

$.param()创建数组或对象的序列化表示形式（可用于 AJAX 请求的 URL 查询字符串）

$(document).ready(function(){
    personObj=new Object();
    personObj.firstname="John";
    personObj.lastname="Doe";
    personObj.age=50;
    personObj.eyecolor="blue"; 
    $("button").click(function(){
        $("div").text($.param(personObj));
    });
});

$.post()使用 AJAX 的 HTTP POST 请求从服务器加载数据

$(document).ready(function(){
    $("input").keyup(function(){
        txt=$("input").val();
        $.post("demo_ajax_gethint.php",{suggest:txt},function(result){
            $("span").html(result);
        });
    });
});

ajaxComplete()规定 AJAX 请求完成时运行的函数

$(document).ready(function(){
    $(document).ajaxStart(function(){
        $("#wait").css("display","block");
    });
    $(document).ajaxComplete(function(){
        $("#wait").css("display","none");
    });
    $("button").click(function(){
        $("#txt").load("demo_ajax_load.php");
    });
});

ajaxError()规定 AJAX 请求失败时运行的函数

$(document).ready(function(){
    $(document).ajaxError(function(){
        alert("一个错误发生!");
    });
    $("button").click(function(){
        $("div").load("wrongfile.txt");
    });
});

ajaxSend()规定 AJAX 请求发送之前运行的函数

$(document).ready(function(){
    $(document).ajaxSend(function(e,xhr,opt){
        $("div").append("
Requesting " + opt.url + "
");
    });
    $("button").click(function(){
        $("div").load("demo_ajax_load.php");
    });
});

ajaxStart()规定第一个 AJAX 请求开始时运行的函数

$(document).ready(function(){
    $(document).ajaxStart(function(){
        $(this).html("");
    });
    $("button").click(function(){
        $("div").load("demo_ajax_load.php");
    });
});

ajaxStop()规定所有的 AJAX 请求完成时运行的函数

$(document).ready(function(){
    $(document).ajaxStop(function(){
        alert("所有 AJAX 请求已完成");
    });
    $("button").click(function(){
        $("div").load("demo_ajax_load.txt");
        $("div").load("demo_ajax_load.php");
    });
});

ajaxSuccess()规定 AJAX 请求成功完成时运行的函数

$(document).ready(function(){
    $(document).ajaxSuccess(function(){
        alert("AJAX 请求完成");
    });
    $("button").click(function(){
        $("div").load("demo_ajax_load.txt");
    });
});

load()从服务器加载数据，并把返回的数据放置到指定的元素中

$(document).ready(function(){
    $("button").click(function(){
        $("#div1").load("/try/ajax/demo_test.txt");
    });
});