<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 
    

    
案例：實(shí)現(xiàn)ajax異步通信，局部刷新。開發(fā)環(huán)境：tomcat服務(wù)器(必須)。。
    

    
    ajax_1_1.html：
    

    <script>    
    
    var xmlHttp;
    

    
    //創(chuàng)建XMLHttpRequest異步對(duì)象
    
    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){ 
    
            // 請(qǐng)求狀態(tài)為４，即請(qǐng)求完成
    
            if(xmlHttp.status == 200){
    
                // 服務(wù)器的狀態(tài)碼為200,即狀態(tài)OK,沒(méi)有異常，在這里做你想做的。。
    
                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="測(cè)試異步通信" onclick="doajax();">
    

    

    
將上述doajax換成 "POST" 方法請(qǐng)求ajax：
    
    

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

    

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

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

    

    
將上述返回值的形式改為 XML： ( 只要改一下回調(diào)函數(shù)。Action中需要設(shè)置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格式的數(shù)據(jù)
    
                    var messageNodes = domObj.getElementsByTagName("message"); //返回的是一個(gè)數(shù)組
    
                    var textNode = messageNodes[0].firstChild; //取到文本內(nèi)容對(duì)應(yīng)的結(jié)點(diǎn)
    
                    var messageStr = textNode.nodeValue; //返回文本信息
    
                    alert(messageStr);
    
            }
    
        }
    
    }
    

    

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

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

    







    
	    
    


    
FeedBack:

    
	

		
    
			
    # re: ajax入門
    
			
    
				2009-01-07 12:39 | 花貓的花生
    
				
         常來(lái)看看，監(jiān)督你學(xué)習(xí)，哈哈。加油，成為最牛的產(chǎn)品經(jīng)理我當(dāng)你助理，哈哈。  回復(fù)  更多評(píng)論
      
    
			
    
			
			
		
    
	








    








    

				

    



    







    
        
	



主站蜘蛛池模板：
亚洲图片中文字幕|
一级看片免费视频|
亚洲XX00视频|
免费a级毛片大学生免费观看|
一级做受视频免费是看美女|
亚洲综合成人网在线观看|
免费无码又爽又刺激毛片|
日韩a级无码免费视频|
亚洲精品亚洲人成在线|
国产亚洲精品xxx|
免费无码黄动漫在线观看|
久久久精品午夜免费不卡|
亚洲欧美aⅴ在线资源|
久久久久亚洲精品美女|
日韩成全视频观看免费观看高清|
日韩视频在线观看免费|
国产精品日本亚洲777|
亚洲欧洲国产视频|
亚洲一级片免费看|
日本一道本高清免费|
99热在线免费播放|
free哆拍拍免费永久视频|
亚洲一久久久久久久久|
亚洲av鲁丝一区二区三区|
国产一级高清免费观看|
亚洲精品国产免费|
亚洲欧美国产精品专区久久|
久久精品国产亚洲麻豆|
免费永久国产在线视频|
中国在线观看免费国语版|
国产精品免费高清在线观看|
污网站在线观看免费|
亚洲激情视频在线观看|
91麻豆精品国产自产在线观看亚洲|
在线观看免费人成视频色9|
男人的天堂网免费网站|
一区二区免费国产在线观看|
亚洲爆乳大丰满无码专区|
亚洲国产精品网站久久|
91精品国产亚洲爽啪在线观看|
亚洲欧洲日产国码无码网站|