Ajax.js ajax是通過流的方式處理頁面請求

var createAjax = function(){var ajax = null;try{ajax = new ActiveXObject("microsoft.xmlhttp");}catch(e1){try{ajax = new XMLHttpRequest();}catch(e2){alert("請換掉你的瀏覽器");}}return ajax; } 　　　　　/* 判斷用戶名 */document.getElementById("username").onblur = function(){var username = this.value;var span = document.getElementById("myspan");if(username.length==0){span.innerHTML="用戶名不能為空";}else{var ajax = createAjax();var method = "POST";var url="${pageContext.request.contextPath }/AjaxServlet?time="+new Date().getTime();ajax.open(method,url);/* 設置請求頭，ajax默認是get提交方式 */ajax.setRequestHeader("content-type","application/x-www-form-urlencoded");username= encodeURI(username);
　　　　　　　　　 /*請求參數*/var content = "username=" + username;ajax.send(content);/* ---------------------------- */ ajax.onreadystatechange = function(){if(ajax.readyState==4 && ajax.status == 200){var valueSrc = ajax.responseText;var img = document.createElement("img");img.src = valueSrc;img.style.width="12px";img.style.height="12px";span.innerHTML="";span.appendChild(img);} }}}

在servlet中的處理

String username = request.getParameter("username");username = new String(username.getBytes("ISO-8859-1"), "utf-8");System.out.println(username);if ("ss".equals(username)) {response.getWriter().write("image/MsgError.gif");} else {if (username.length() > 0) {response.getWriter().write("image/MsgSent.gif");}}

?步驟詳情

<h1>Ajax實例</h1><div id="myAjax">ajax將要獲取的內容</div><button id="myBtn" onclick="btnClick()">獲取內容</button><script type="text/javascript">function btnClick(){//獲取ajaxvar ajax = createAjax();//ajax的請求方式var method = "POST";//ajax向服務器（action）發送請求var url = "${pageContext.request.contextPath }/ajaxActiont_start.action?time="+ new Date().getTime();//ajax拼接字符串，準備請求，請求方式+請求地址ajax.open(method, url);/* 設置請求頭，ajax默認是get提交方式 *///前一個參數文本內容，后一個參數文本內容字符集，基本上是會自動給你轉換為utf-8ajax.setRequestHeader("content-type","application/x-www-form-urlencoded");//這里實際上是把表單中數據轉為utf-8的一種方法//username = encodeURI(username);/*請求參數*///這里的參數就是類似于鍵值對的方式提交，準確的說就是.properties文件中的鍵值對所以是如下形式傳參數var content = "username=" + "1";//發送請求ajax.send(content);/* ---------------------------- *///當請求狀態改變的時候ajax.onreadystatechange = function(){//動態狀態碼為4并且瀏覽器狀態為200的時候if(ajax.readyState==4 && ajax.status == 200){//獲取返回的文本流數據var value = ajax.responseText;//獲取到指定divvar text = document.getElementById("myAjax");//給指定div中插入數據text.innerHTML = value;} }}</script>

?jQuery中ajax應用

　　　　　　　　　　　　　　　　　　　　　　　　　　　　$.ajax({type : "POST",url : "${pageContext.request.contextPath}/suspicious/suspectParty?time="+ new Date().getTime(),data : {partyid : $pno},success : function(data) {//alert(data.rst.id);var ccd = '';if (data.rst.partyClassCd == 'C') {ccd = '對公當事人';}if (data.rst.partyClassCd == 'I') {ccd = '個人當事人';}$("#ptytb").append("<tr id='ptytr'><td>"+ "<input id='rdo' type='radio' οnclick='rdocl()'/>"+ "</td>"+ "<td>"+ data.rst.partyId+ "</td>"+ "<td>"+ data.rst.partyChnName+ "</td>"+ "<td>"+ data.rst.cardNo+ "</td>"+ "<td>"+ "36"+ "</td>"+ "<td>"+ ccd+ "</td></tr>");}});});

?

轉載于:https://www.cnblogs.com/ShaoXin/p/7411427.html

超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

以上是生活随笔為你收集整理的j2ee之原生AJAX的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。