<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        


    

    
	
	


    
	
    
		花花JAVA
    
		____________花花之java寒舍
	
    

    
    		
	

    

    


    
	
		
    
			


    
posts - 10,comments - 4,trackbacks - 0


    
	

    


    
	
					


    
	
	Ajax(Asynchronous JavaScript and XML,異步JavaScript與XML)，俗稱“阿賈克斯”。
    
        由4部分組成：JS + CSS + DOM + XMLHttpRequest 
    

    
案例：實現ajax異步通信，局部刷新。開發環境：tomcat服務器(必須)。。
    

    
    ajax_1_1.html：
    

    <script>    
    
    var xmlHttp;
    

    
    //創建XMLHttpRequest異步對象
    
    function createXMLHttpRequest(){
    
        if(window.ActiveXObject){
    
            // 如果存在ActiveXObject，就是IE瀏覽器
    
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    
    }    else if(window.XMLHttpRequest){
    
            // 用于除IE以外的其他瀏覽器
    
            xmlHttp = new XMLHttpRequest();
    
    }
    
}
    

    
    function startCallback() {
    
        if(xmlHttp.readyState == 4){ 
    
            // 請求狀態為４，即請求完成
    
            if(xmlHttp.status == 200){
    
                // 服務器的狀態碼為200,即狀態OK,沒有異常，在這里做你想做的。。
    
                alert(xmlHttp.responseText);
    
        }     
    
    }
    
}        
    

    
    function doajax(){
    
    createXMLHttpRequest();
    
        var url = "ajax_2_2.jsp";
    
    xmlHttp.open(    "GET",url,true);
    
    xmlHttp.onreadystatechange    =startCallback;
    
    xmlHttp.send(    null);
    
}
    
    </script>
    

    
    <input type="button" value="測試異步通信" onclick="doajax();">
    

    

    
將上述doajax換成 "POST" 方法請求ajax：
    
    

    //post方式請求ajax，需要設置setRequestHeader，將參數放置在send中。
    
        function doajax_post() {
    
        createXMLHttpRequest();
    
            var par = "abcd";
    
        xmlHttp.open(    "POST", "/ajax_jquery/ajax_old/testajax.do", true);
    
            //需要設置setRequestHeader
    
        xmlHttp.setRequestHeader("Content-Type",
    
                "application/x-www-form-urlencoded");
    
        xmlHttp.onreadystatechange     = startCallback;
    
            //在send()方法中傳參
    
            xmlHttp.send("param=" + par);
    
    }
    

    

    
ajax_2_2.jsp：(注意字符編碼問題)
    

    <%@ page language="java" pageEncoding="UTF-8"%>
    
異步測試成功，恭喜您！！！
    

    

    
將上述返回值的形式改為 XML： ( 只要改一下回調函數。Action中需要設置response.setContentType("text/xml;charset=utf-8"); )
    

    function callback_responseXML() {
    
            if (xmlHttp.readyState == 4) {
    
                if (xmlHttp.status == 200) {
    
                alert(xmlHttp.responseText);
    
                    var domObj = xmlHttp.responseXML; //返回XML格式的數據
    
                    var messageNodes = domObj.getElementsByTagName("message"); //返回的是一個數組
    
                    var textNode = messageNodes[0].firstChild; //取到文本內容對應的結點
    
                    var messageStr = textNode.nodeValue; //返回文本信息
    
                    alert(messageStr);
    
            }
    
        }
    
    }
    

    

    
*  Action返回給ajax數據的方式：response.getWriter().println("responseText");     

	
    posted on 2009-01-07 11:42 花-花 閱讀(249) 評論(1)  編輯  收藏  所屬分類: ajax_jquery 
    

    







    
	    
    


    
FeedBack:

    
	

		
    
			
    # re: ajax入門
    
			
    
				2009-01-07 12:39 | 花貓的花生
    
				
         常來看看，監督你學習，哈哈。加油，成為最牛的產品經理我當你助理，哈哈。  回復  更多評論
      
    
			
    
			
			
		
    
	








    








    

				

    



    







    
        
	



主站蜘蛛池模板：
免费一看一级毛片|
最近中文字幕mv手机免费高清|
国产免费私拍一区二区三区|
久久精品亚洲AV久久久无码|
黄页网站免费观看|
中文字幕亚洲综合小综合在线|
大地资源二在线观看免费高清
|
成人免费无码精品国产电影|
亚洲偷自精品三十六区|
免费无码黄十八禁网站在线观看|
国产精品亚洲片夜色在线|
四虎免费大片aⅴ入口|
日韩国产精品亚洲а∨天堂免|
日本大片在线看黄a∨免费|
美女被免费视频网站|
亚洲色婷婷综合久久|
久久久久成人片免费观看蜜芽|
中文字幕亚洲色图|
免费AA片少妇人AA片直播|
亚洲人成电影网站免费|
超清首页国产亚洲丝袜|
特级精品毛片免费观看|
国产成人亚洲合集青青草原精品
|
国产亚洲精品AA片在线观看不加载
|
亚洲一欧洲中文字幕在线|
妞干网免费视频观看|
牛牛在线精品观看免费正
|
亚洲国产成人久久99精品|
免费观看一级毛片|
精品97国产免费人成视频|
久久久久亚洲av无码专区导航|
毛片免费观看网址|
中文字幕在线免费看|
亚洲三级在线免费观看|
亚洲国产精品一区二区九九|
四虎影视成人永久免费观看视频|
亚洲午夜成人精品无码色欲|
中文国产成人精品久久亚洲精品AⅤ无码精品|
久久精品免费电影|
日韩亚洲翔田千里在线|
久久精品亚洲精品国产色婷|