5.jQuery中的ajax

5.1 底层方法-ajax

$.ajax() 执行一个异步的ajax请求

$.ajax({
    url:'http://www.wp.com/getData.php',       //跨域到http://www.wp.com,另,http://test.com也算跨域
    type:'GET',                                //jsonp 类型下只能使用GET,不能用POST,这里不写默认为GET
    dataType:'jsonp',                          //指定为jsonp类型
    data:{"name":"Zjmainstay"},                //数据参数
    jsonp:'callback',                          //服务器端获取回调函数名的key,对应后台有$_GET['callback']='getName';callback是默认值
    jsonpCallback:'getName',                   //回调函数名
    success:function(result){                  //成功执行处理,对应后台返回的getName(data)方法。
        $("#myData").html('1、My name is '+result.name+'.I\'m '+result.age+' years old.<br />');
    },
    error:function(msg){
        alert(msg.toSource());                 //执行错误
    }
});

5.2.$.get 方法

//语法:$.get(URL,data,function(data,status,xhr),dataType);
$.get("test.php", function(data){
   alert("Data: " + data);
});

5.3.$.post方法

//语法:$(selector).post(URL,data,function(data,status,xhr),dataType)
$("input").keyup(function(){
    txt=$("input").val();
    $.post("demo_ajax_gethint.html",{suggest:txt},function(result){
        $("span").html(result);   
    });
});