一,传统的ajax方法
1、js代码
$("#ajax").click(function(){
$.ajax({
type: "POST",
url: "http://manual.51yip.com/test2.php",
data: 'name=ajax',
dataType:"json",
success: function(data){
$('#Result').text(data.name);
}
});
});
二,ajax jsonp
1、js代码
$("#jsonp").click(function(){
$.ajax({
url: 'http://manual.51yip.com/test1.php',
data: {name: 'jsonp'},
dataType: 'jsonp',
jsonp: 'callback', //为服务端准备的参数
jsonpCallback: 'getdata', //回调函数
success: function(){
alert("success");
}
});
});
function getdata(data){
$('#Result').text(data.name);
}
三、$.getJSON
$("#getjson").click(function(){
$.getJSON('http://manual.51yip.com/test1.php?name=getjson&callback=?', function(data){ //没有回调函数,直接处理
$('#Result').text(data.name);
});
});
四、$.getScript
$("#getscript").click(function(){
$.getScript('http://manual.51yip.com/test1.php?name=getscript&callback=getdata'); //回调函数根jsonp一样
});