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

在一個網頁檔案中可以採用如下的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對象