ajax://(原生js实现Ajax)实例1：

//Ajax封装函数

function Ajax(type, url, data, success, failed){

// 创建ajax对象

var xhr = null;

if(window.XMLHttpRequest){//非IE浏览器

xhr = new XMLHttpRequest();

} else if {//IE浏览器

xhr = new ActiveXObject('Microsoft.XMLHTTP')

}else{

alert("该浏览器不支持Ajax！");

}

// 用于清除缓存

var random = Math.random();

if(typeof data == 'object'){

var str = '';

for(var key in data){

str += key+'='+data[key]+'&';

}

data = str.replace(/&$/, '');

}

if(type.toUpperCase() == 'GET'){

if(data){

xhr.open('GET', url + '?' + data, true);

} else {

xhr.open('GET', url + '?t=' + random, true);

}

xhr.send();

} else if(type.toUpperCase() == 'POST'){

xhr.open('POST', url, true);

// 如果需要像 html 表单那样 POST 数据，请使用 setRequestHeader() 来添加 http 头。

xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

xhr.send(data);

}

// 处理返回数据

xhr.onreadystatechange = function(){

if(xhr.readyState == 4){

/*

** Http状态码

** 1xx ：信息展示

** 2xx ：成功

** 3xx ：重定向

** 4xx : 客户端错误

** 5xx ：服务器端错误

*/

if(xhr.status == 200){

success(xhr.responseText);

} else {

if(failed){

failed(xhr.status);

}

}

}

}

}

// 测试调用

var sendData = {name:'asher',sex:'male'};

Ajax('get', 'data/data.html', sendData, function(data){

console.log(data);

}, function(error){

console.log(error);

});

jsonp:$(function(){

/*

//简写形式，效果相同

$.getJSON("http://app.example.com/base/json.do?sid=1494&busiId=101&jsonpCallback=?",

function(data){

$("#showcontent").text("Result:"+data.result)

});

*/

$.ajax({

type : "post",

async:false, // 使用同步操作

url : "http://10.64.22.11/service/promotion/intention/intentionResult?token=5f25d0b83d774abd941aa5309bf081f7&userid=4221",

dataType : "jsonp",//数据类型为jsonp

jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数

success : function(data){

$("#showcontent").text("Result:"+data.result)

},

error:function(){

alert('fail');

}

});

});