国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > AJAX > 正文

Ajax實現的異步傳輸與驗證示例代碼

2024-09-01 08:28:50
字體:
來源:轉載
供稿:網友
Ajax異步傳輸用得很廣,就拿web開發來說吧,當用戶注冊時,當用戶剛一輸完,怎么立即判斷用戶是否存在,并在輸入框后顯示提示?這就用到了異步傳輸~~

它可以讓你不離開頁面的情況下,獲取后臺你想要的數據,并顯示在當前頁面!!好的,下面看個例子

下面是一段Ajax驗證代碼
代碼如下:
<script type="text/javascript">

//① 設置變量
var xmlHttp ;
var flag = false ;
var package_name;

//② 創建XMLHttp對象
function createXMLHttp(){
if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest() ;


} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") ;

}

}

//③
function getPackage_name(package_name){

//創建XMLHttpRequest對象
createXMLHttp() ;

document.getElementById("msg").innerHTML=package_name;
//創建一個HTTP請求,以post方式將package_name交給AppInfoServlet
xmlHttp.open("post","AppInfoOneServlet?package_name="+package_name) ;


//調用回調函數 生成可視化的頁面響應

xmlHttp.onreadystatechange =checkCallback;

// 發送請求
xmlHttp.send(null) ;

//友好提示
document.getElementById("msg").innerHTML = "正在獲取信息,請耐心等候..." ;

}

//④ 回調函數
function checkCallback(){

if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){

var text = xmlHttp.responseText ;
var t=text.split('|');//當獲取的是多個值,并用"|"作為分割時
document.getElementById("msg").innerHTML =t[0]+ "<br>"+"<div id='container'>"+"<div id='content'>"+"<div id='slider'>"+"<ul>"+"<li>"+"<img src='"+t[1]+"' alt='Css Template Preview' />"+"</li>"+"<li>"+"<img src='"+t[2]+"' alt='Css Template Preview' />"+"</li>"+"</ul>"+"</div>"+"<h3>Android應用截圖展示</h3>"+"</div>"+"</div>"+"<center><a href='"+t[3]+"' target='_blank'><img src='./images/downloadsoruce.png'></a></center>" ;
//獲取的數據在id為“msg” 的標記中顯示出來,例如:<span id="msg"></span>
}
}
}
</script>

在jsp頁面中是這樣調用js函數的
代碼如下:
<a href="#bottom" onclick="getPackage_name('<%=ainfo.getPackage_name() %>')">獲取</a>

Ajax獲取的數據將在下列標記中顯示出來
代碼如下:
<span id="msg"></span>

好的,我們來看一下servlet中的代碼:
代碼如下:
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");//必須在out前,否則傳輸的漢子為亂碼啊
PrintWriter out = response.getWriter();


String package_name=request.getParameter("package_name");
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 达州市| 南康市| 扬州市| 磐安县| 阿克| 德庆县| 汤原县| 晋州市| 茂名市| 马鞍山市| 肃北| 上虞市| 德格县| 舟山市| 准格尔旗| 庆元县| 深州市| 抚州市| 昌图县| 凤山市| 长宁县| 慈利县| 浦东新区| 石林| 仁化县| 通化县| 枣庄市| 石棉县| 大厂| 清苑县| 当阳市| 巴塘县| 保靖县| 赤壁市| 惠安县| 十堰市| 衡水市| 田东县| 出国| 汝州市| 永福县|