struts2中Ajax的操作實現及其核心對象XMLHttpRequest對象的使用__Ajax

來源:互聯網
上載者:User

在一個網頁檔案中可以採用如下的XMLHttpRequest對象的寫法實現Ajax的非同步作業

function getValueFromServer(){var xmlHttpRequest = null; if(window.ActiveXObject){//如果是通過microsoft的activeXObject實現的xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.XMLHttpRequest){//如果是通過Firefox和Chrome實現的。xmlHttpRequest = new XMLHttpRequest();}if(null != xmlHttpRequest){//方法裡的true代表是非同步方式,而false是同步的方式 發送GET請求, "MyServlet"表示的是請求的相對urlxmlHttpRequest.open("GET","addAction" + "?value1=" + value1 +  "&value2=" + value2,true);xmlHttpRequest.onreadystatechange = ajaxCallBack;/*如果發送的請求是GET類型的,參數賦值null如果有請求參數在xmlHttpRequest.open("GET","MyServlet",true)中的"MyServlet"中添加,形式如"MyServlet?username=hello&password=world"如果是POST的類型的參數以名值對的形式卸載send()方法裡面*/xmlHttpRequest.send(null);}function ajaxCallBack(){if(xmlHttpRequest.readyState == 4){//http請求是正確的(200)if(xmlHttpRequest.status == 200){//請求的資料格式為普通文本。var responseText = xmlHttpRequest.responseText;document.getElementById("div1").innerHTML = responseText;}}}}
至於伺服器端可以採取如下的代碼去配合(如果使用的是struts2的話)


ServletResponse httpServletResponse = ServletActionContext.getResponse();PrintWriter printWriter = null ;try{ printWriter = httpServletResponse.getWriter();}catch (IOException e){e.printStackTrace();}

可以通過PrintWriter類的對象產生一個訊號,回傳給用戶端。在之前的javascript的指令碼段中定義的那個回呼函數裡有一個xmlHttpRequest.responseText; 標示回傳的是一個普通的文本的格式而不是一個xml格式也不是一個json資料格式的。並且裡面放的值就是PrintWriter對象所返回的資料。

function ajaxCallBack()
            {
                if(xmlHttpRequest.readyState == 4)
                {
                    //http請求是正確的(200)
                    if(xmlHttpRequest.status == 200)
                    {
                        //請求的資料格式為普通文本。
                        var responseText = xmlHttpRequest.responseText;
                        
                        document.getElementById("div1").innerHTML = responseText;
                    }
                }
            }



如果是servlet的話直接就是

PrintWriter printWriter = resp.getWriter(); //res為HttpServletRequest對象


相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.