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へのアクセスに失敗した後の処理方法.
方法2:getコミット方法
servletコード
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でパラメータを伝達する
$.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);
}
}