共計 1697 個字符，預計需要花費 5 分鐘才能閱讀完成。

這篇“Ajax 實現頁面內跳轉的代碼怎么寫”文章的知識點大部分人都不太理解，所以丸趣 TV 小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“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   >
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 實現頁面內跳轉的代碼怎么寫”這篇文章的內容，相信大家都有了一定的了解，希望丸趣 TV 小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注丸趣 TV 行業資訊頻道。