<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 花-花 閱讀(252) 評論(1)  編輯  收藏  所屬分類: ajax_jquery 
    

    







    
	    
    


    
FeedBack:

    
	

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








    








    

				

    



    







    
        
	



主站蜘蛛池模板：
亚洲精品97久久中文字幕无码|
国产午夜免费高清久久影院|
亚洲av乱码一区二区三区
|
国产免费观看a大片的网站|
国产无遮挡裸体免费视频|
国产亚洲综合色就色|
67pao强力打造67194在线午夜亚洲|
久久久久se色偷偷亚洲精品av|
亚洲网站在线免费观看|
毛片免费全部免费观看|
亚洲成A人片在线观看中文|
亚洲av片劲爆在线观看|
亚洲国产精品99久久久久久|
丁香花在线观看免费观看图片|
2019中文字幕在线电影免费|
亚洲视屏在线观看|
成人免费视频小说|
色吊丝免费观看网站|
免费看又黄又无码的网站|
国产乱子伦片免费观看中字|
美女黄网站人色视频免费|
亚洲精品偷拍视频免费观看
|
亚洲国产精品免费在线观看|
成人网站免费观看|
久久久久久a亚洲欧洲aⅴ|
久久精品国产亚洲AV|
久久久久国产精品免费网站|
免费在线看片网站|
亚洲AV色无码乱码在线观看|
91黑丝国产线观看免费|
久久91亚洲人成电影网站|
中文字幕在线观看免费视频|
精品国产亚洲一区二区三区|
1000部羞羞禁止免费观看视频|
日韩亚洲国产高清免费视频|
国产白丝无码免费视频|
国外亚洲成AV人片在线观看|
国产精品亚洲色图|
国产又大又黑又粗免费视频|
中文字幕免费在线看|
亚洲综合色7777情网站777|