專注Java教育14年
全國咨詢/投訴熱線：400-8080-105
更新時間：2022-07-22 10:19:44 來源：動力節點 瀏覽1310次
Ajax實現頁面內跳轉如何實現？動力節點小編為大家舉例說明。感興趣的小伙伴也可以看看AJAX教程，里面有更豐富的知識等著大家去學習。
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
//作業面局部刷新，不做頁面跳轉的時候，推薦使用ajax
$("#login").click(function(){
//點擊按鈕實現登錄功能
/* $.ajax({
type:'post', //type：請求方式，get,post
url:'login.action', //要訪問的后臺地址
data:{
'uname':$("#uname").val(),
'pwd':$("#pwd").val()
},
success:function(result) {
if(result=='1') {
//1.welcome
location.href="welcome.jsp";
} else {
//2.login
$("#tip").show();
}
}
}); */
/* $.post('login.action',{
'uname':$("#uname").val(),
'pwd':$("#pwd").val()
},function(result){
//回調函數：當后臺成功響應結果時，會自動調用
if(result=='1') {
//1.welcome
location.href="welcome.jsp";
} else {
//2.login
$("#tip").show();
}
}); */
$.get('login.action?uname='+$("#uname").val()+'&pwd='+$("#pwd").val(),function(result){
//回調函數：當后臺成功響應結果時，會自動調用
if(result=='1') {
//1.welcome
location.href="welcome.jsp";
} else {
//2.login
$("#tip").show();
}
});
})
})
</script>
body之中的內容：
<body>
<table>
<tr>
<td>用戶名：</td>
<td>
<input type="text" id="uname">
</td>
</tr>
<tr>
<td>密碼：</td>
<td>
<input type="password" id="pwd">
</td>
</tr>
<tr>
<td colspan="2">
<input type="button" value="登錄" id="login">
</td>
</tr>
</table>
<span id="tip" style="color: red;display: none;">用戶名或密碼錯誤</span>
</body>
LoginServlet.java中的doPost()方法：
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
PrintWriter out = response.getWriter();
String uname=request.getParameter("uname");
String pwd=request.getParameter("pwd");
System.out.println(uname);
//1.登錄成功
//2.登錄失敗
if("admin".equals(uname)&&"123".equals(pwd)) {
//welcome
out.print("1");
} else {
//login
out.print("2");
}
out.flush();
out.close();
}
以上就是關于“Ajax實現頁面內跳轉的例子”介紹，大家如果想了解更多相關知識，可以關注一下動力節點的Java在線學習，里面的課程內容從入門到精通，細致全面，適合沒有基礎的小伙伴學習，希望對大家能夠有所幫助哦。
Java實驗班
0基礎 0學費 15天面授
Java就業班
有基礎 直達就業
Java夜校直播班
業余時間 高薪轉行
Java在職加薪班
工作1~3年，加薪神器
Java架構師班
工作3~5年，晉升架構
提交申請后，顧問老師會電話與您溝通安排學習
官方微信
官方抖音
京公網安備 11030102010736號