Java-ajaxの使い方

2528 ワード

Java-ajaxの使い方
ajax:AJAXはサーバとデータを交換するアートで、全ページをリロードせずに一部のページの更新を実現しています
AJAX:Asynchronous JavaScript and XML、非同期javascriptとXMLは、ユーザー体験の変化をもたらし、web最適化の主な手段である.
AJAX=DHTML(HTML、CSS、JavaScript)+XMLHttpRequestオブジェクト
従来のWebインタラクションモデルでは、ブラウザが直接要求をサーバに送信し、サーバが応答を返信し、ブラウザに直接送信し、Ajaxインタラクションモデルでは、ブラウザがまず要求をAjaxエンジン(XMLHttpRequestを核心とする)、AJaxエンジンがサーバに要求を送信し、サーバが応答をAjaxエンジンに送信し、エンジンがブラウザに表示する
1、同期インタラクションモード、クライアントは要求を提出して、待って、応答がクライアントに戻る前に、クライアントは他の操作ができない
2、非同期インタラクティブモデル、クライアントは要求をAjaxエンジンに提出し、クライアントは操作を継続することができ、Ajaxエンジンによってサービス武器側との通信を完了し、応答が戻った後、Ajaxエンジンは顧客ページを更新し、クライアントが要求を提出した後、ユーザーは操作を継続することができ、待つ必要はない.
方式1:postリクエストを使用する方式urlでパラメータを伝達せず、dataでパラメータを伝達する
  • url:パラメータを取得する必要があるパス.通常はservletの質問パスです.
  • type:formフォームのMethodメソッドと同様にservletにデータを転送します.
  • dataType:バックグラウンドで返されるデータフォーマットのタイプは、通常json、textなど
  • である.
  • success:function(data):urlへのアクセスに成功した後、戻りデータを処理する方法.
  • error::function():urlへのアクセスに失敗した後の処理方法.
  • $.ajax({
     
                url:"UserServlet",//     
                type:"post",
                data:{"         ":  },
                dataType:'text',//           
                success:function(data){
                   
                    })
                }
                
            })
     
        }
     
    

    方法2:getコミット方法
    $.ajax({
     
               url:"UserServlet?   "+   ,
                type:"get",
                dataType:'text',//           
                success:function(data){
                   
                    })
                }
                
            })
        }
    

    servletコード
    
    
    @WebServlet("/UserServlet")
    public class WeatherController extends HttpServlet {
    	private static final long serialVersionUID = 1L;
        private WeatherService service=new WeatherService();
     
    
    	
    	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		// TODO Auto-generated method stub
    		
    		try {
    			request.setCharacterEncoding("utf-8");
    			response.setContentType("text/html;charset=utf-8");
    		} catch (UnsupportedEncodingException e1) {
    			e1.printStackTrace();
    		}
    		response.setContentType("application/json");
    		PrintWriter pw=response.getWriter();
    		pw.println("HelloWorld");
     	}
    
    
    	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		// TODO Auto-generated method stub
    		doGet(request, response);
    	}
    
    }