关于异步刷新的一些小笔记

jQuery $.get()方法

$.get(URL,data,function(data,status,xhr),dataType)
data - 包含来自请求的结果数据
status - 包含请求的状态
（”success”、”notmodified”、”error”、”timeout”、”parsererror”）
xhr - 包含 XMLHttpRequest 对象

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

//请求 "test.php"，但是忽略返回结果：
$.get("test.php");

//请求 "test.php" 并连同请求发送一些额外的数据（忽略返回结果）：
$.get("test.php", { name:"Donald", town:"Ducktown" });

//请求 "test.php" 并传递数据数组到服务器（忽略返回结果）：
$.get("test.php", { 'colors[]' : ["Red","Green","Blue"] });

//请求 "test.php" 并提醒请求的结果：
$.get("test.php", function(data){
alert("Data: " + data);
});

jQuery $.post()方法

$(selector).post(URL,data,function(data,status,xhr),dataType)

//使用 AJAX 的 POST 请求来改变 <div> 元素的文本：
$("input").keyup(function(){
    txt=$("input").val();
    $.post("demo_ajax_gethint.html",{suggest:txt},function(result){
        $("span").html(result);
    });
});

Jsonp(JSON with Padding) 是 json 的一种”使用模式”，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。


jquery中的ajax()方法用于执行AJAX（异步HTTP）请求。
语法：$.ajax({name:value, name:value, … })

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

html:
<div><h2> AJAX 可以修改文本内容</h2></div>
<button>修改内容</button>