国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

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

來源:懂視網 責編:小采 時間:2020-11-27 22:52:19
文檔

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

Ajax實現的異步傳輸與驗證示例代碼:Ajax異步傳輸用得很廣,就拿web開發來說吧,當用戶注冊時,當用戶剛一輸完,怎么立即判斷用戶是否存在,并在輸入框后顯示提示?這就用到了異步傳輸~~ 它可以讓你不離開頁面的情況下,獲取后臺你想要的數據,并顯示在當前頁面。好的,下面看個例子 下面是一
推薦度:
導讀Ajax實現的異步傳輸與驗證示例代碼:Ajax異步傳輸用得很廣,就拿web開發來說吧,當用戶注冊時,當用戶剛一輸完,怎么立即判斷用戶是否存在,并在輸入框后顯示提示?這就用到了異步傳輸~~ 它可以讓你不離開頁面的情況下,獲取后臺你想要的數據,并顯示在當前頁面。好的,下面看個例子 下面是一

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");

AppDaoImpl adi=new AppDaoImpl();
AppInfo ainfo=new AppInfo();
ainfo=adi.getOneAppInfo(package_name);


out.print(ainfo.getDescription()+"|"+ainfo.getScreen_1_path()+"|"+ainfo.getScreen_2_path()+"|"+ainfo.getDownload_path());
}

以上已經很清楚啦,當然驗證用戶是否存在,道理和這個是一模一樣的,其中一定要注意漢字傳輸中亂碼的問題~~~~~~

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

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

Ajax實現的異步傳輸與驗證示例代碼:Ajax異步傳輸用得很廣,就拿web開發來說吧,當用戶注冊時,當用戶剛一輸完,怎么立即判斷用戶是否存在,并在輸入框后顯示提示?這就用到了異步傳輸~~ 它可以讓你不離開頁面的情況下,獲取后臺你想要的數據,并顯示在當前頁面。好的,下面看個例子 下面是一
推薦度:
標簽: 驗證 代碼 例子
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 国产一区二区三区亚洲欧美 | 国产特级毛片aaaaaa高清 | 亚洲男女网站 | 97一区二区三区四区久久 | 成人国产一区二区三区精品 | 国产高清自拍 | 国产一级一级一级成人毛片 | 中文字幕亚洲综合 | 99国内精品久久久久久久 | 日韩欧美视频一区二区三区 | 久久久久免费精品国产小说 | 国产在线午夜 | 亚洲1页| 劲爆欧美色欧美 | 青青国产成人久久激情91麻豆 | 亚洲国产精品免费在线观看 | 欧美日韩综合网 | 亚洲欧洲另类 | 欧美日韩一二区 | 热综合一本伊人久久精品 | 图片专区亚洲欧美另类 | 日韩经典在线 | 欧美日韩国产va另类 | 亚洲欧美日韩综合精品网 | 日本高清在线播放一区二区三区 | 久久成人国产 | 在线观看视频国产 | 一久久 | 国产一级特黄aaaa大片野外 | 国产成人h福利小视频在线观看 | 欧美日韩一区二区三区在线播放 | 欧美国产日韩一区二区三区 | 国产精品成人第一区 | 亚洲美女网站 | 日本v片免费一区二区三区 欧洲精品欧美精品 | 日韩成人在线免费视频 | 日韩在线免费视频 | 欧美日韩亚洲一区二区三区在线观看 | 国产精品日韩欧美一区二区三区 | 国产精品免费精品自在线观看 | 国产特黄视频 |