原生Ajax使用

var xmlhttp; 
if (window.XMLHttpRequest) { //检查浏览器的XMLHttpRequest属性，如果为真则支持XMLHttpRequest
// IE7+,Firefox,Chrome,Opera,Safari 浏览器支持XMLHttpRequest 
xmlhttp=new XMLHttpRequest(); 
} else { 
// IE6,IE5 浏览器使用ActiveXObject
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
}

xmlHttp.onreadystatechange = 回调函数；

Ajax请求总共有八种Callback：
onSuccess
onFailure
onUninitialized
onLoading
onLoaded
onInteractive
onComplete
onException

XMLHttpRequest对象的常用方法和属性：
open(“method”,”URL”) 方法，建立对服务器的调用
send()方法，发送具体请求
abort()方法，停止当前请求
readyState属性 请求的状态 有5个可取值0=未初始化 ，1=正在加载，2=已加载，3=交互中，4=完成
reponseXML 属性 服务器的响应，表示为XML
status 服务器的HTTP状态码

框架（架包）：
dojo,Prototype,JQuery,Dwr,extjs 等等

GET方式：
xmlHttp.open("GET","url?参数=val & ...",true);
xmlHttp.onreadystatechange = callback;
xmlHttp.send(null);

POST方式：
xmlHttp.open("POST",true);
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//用post方法的话，一定要加这句设置请求头的contentType属性
xmlHttp.onreadystatechange = callback;
xmlHttp.send("参数=val &...");    //在send方法中传递参数。

if(ID=="getTXT"){    
            //以普通文本返回：
            var str = xmlHttp.responseText;  
            }
                    
if(ID=="getXML"){
            //以xml文档返回:
                var xmldoc = xmlHttp.responseXML;
                        var nodes=xmldoc.getElementsByTagName("标签名");   //按标签解析为数组
                        for(var i=0;i<nodes.length;i++)  
                        {  
                            提取结点值并使用； 
                        }
                    }
                    
if(ID=="getJSON"){
              //以json文档返回:json数据的处理统一先用responseText作为一个字符串接收后再转为json对象进行处理
               var str = xmlHttp.responseText; 
               var json = eval(‘(‘ + str + ‘)‘);
               通过json.XX提取内容  
                 }

public void doGet(HttpServletRequest request,HttpServletResponse response)
            throws ServletException,IOException {
            
        request.setCharacterEncoding("UTF-8"); 
        String ID = request.getParameter("ID");        
            if("getTXT".equals(ID)){
            getTXT(request,response);
        }else if("getXML".equals(ID)){
            getXML(request,response);
        }else if("getJSON".equals(ID)){
            getJSON(request,response);
        }    
    }
        
    public void getTXT(HttpServletRequest request,IOException {
        response.setCharacterEncoding("UTF-8");     
        response.setContentType("text/plain; charset=UTF-8");
        PrintWriter out = response.getWriter();
        out.write("普通文本值");     
        out.close();
    }
    
    public void getXML(HttpServletRequest request,IOException {
        response.setCharacterEncoding("UTF-8");     
        response.setContentType("text/xml; charset=UTF-8");
        PrintWriter out = response.getWriter();
        //XML格式的结果需要用StringBuffer或StringBuilder来拼接。切记：一定要先加XML标准定义<?xml version="1.0" encoding="utf-8"?>    
        StringBuffer sb = new StringBuffer("<?xml version="1.0" encoding="utf-8"?>");
        sb.append("<root><node>结点值</node></root>");        
        out.write(sb.toString());  
        out.close();
    }
    
    public void getJSON(HttpServletRequest request,IOException {

        response.setCharacterEncoding("UTF-8");     
        response.setContentType("application/json; charset=UTF-8");
        PrintWriter out = response.getWriter();
        out.write("{JSON字符串}");
        out.close();
    }

//（原生js实现Ajax）实例1：
//Ajax封装函数
function Ajax(type,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‘,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);
});

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>JSONP实现跨域</title>  
<script type="text/javascript" src="jquery-1.10.2.js"></script>  
</head>  
<script type="text/javascript">  
$(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‘);  
        }  
    });   
});  
</script>  
<body>  
<div id="showcontent">请求结果:</div>  
</body>  
</html>