java學習

          java學習

           

          ajax筆記1

          <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
          <html>
            <head>
              
              <title>My JSP 'index.jsp' starting page</title>
            </head>
           
            <body>
           
                <input type="text" id="name" onblur="sendAjax()"/>
                <img src="img/ajax.gif" style="display:none" id="loading"/>
                <span id="result"></span>
                <br/>
                <!--  
                <input type="button" value="Send Ajax" onclick="sendAjax()"/>
                -->
           
                <script type="text/javascript">
                
                var xmlHttp;
                    
                    /*創建XMLHttpRequest對象*/
                    function createXMLHttpRequest() {
                        if(window.ActiveXObject) {
                              //IE
                                        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                                    } else {
                                        //chrome firefox opera
                                        xmlHttp = new XMLHttpRequest();
                                    }
                    }
                    
                    function sendAjax(){
                        createXMLHttpRequest();
                        
                        var name = document.getElementById("name").value;
                        
                        //post
                        xmlHttp.open("POST", "ajax.jspx", true);
                        xmlHttp.onreadystatechange = callback;             
                        xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                        xmlHttp.send("name="+name);
                        
                        //get
                        //xmlHttp.open("GET","ajax.jspx?name="+name,true);
                        //xmlHttp.onreadystatechange = callback;
                        //xmlHttp.send();
                        
                    }
                    
                    function callback() {
                        if(xmlHttp.readyState == 4) {//服務器響應返回
                            
                            document.getElementById("loading").style.display = "none";
                            
                            if(xmlHttp.status == 200) {//響應正確
                                var result = xmlHttp.responseText;
                            
                                if(result == "ok") {
                                    document.getElementById("result").innerHTML = "√";
                                } else {
                                    document.getElementById("result").innerHTML = "用戶名已占用";
                                }
                            } else {
                                alert("Ajax Error!");
                            }
                        } else {
                            //進度條
                        
                            document.getElementById("loading").style.display = "inline";
                        }
                    }
                
                    
           
                    
                </script>
            </body>
          </html>

          posted on 2013-06-17 09:46 楊軍威 閱讀(178) 評論(0)  編輯  收藏


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           

          導航

          統計

          常用鏈接

          留言簿

          隨筆檔案

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 恩施市| 普格县| 石门县| 昭觉县| 德兴市| 塔城市| 木里| 长寿区| 延长县| 交口县| 彩票| 洪湖市| 沁阳市| 孝昌县| 高要市| 天门市| 临江市| 突泉县| 太仆寺旗| 互助| 贞丰县| 鲁山县| 南皮县| 木兰县| 石屏县| 海林市| 马龙县| 忻城县| 开鲁县| 太和县| 英超| 普兰店市| 策勒县| 临沭县| 百色市| 贡觉县| 思茅市| 嘉义市| 麦盖提县| 南靖县| 长宁区|