AJAX処理データをサーブレットに提出
8369 ワード
AJAXはサーバとデータを交換する技術で、すべてのページをロードすることなく、一部のページを更新することができます.非同期リフレッシュテクノロジーとも呼ばれます.ここではAJAXを使用してservletにデータをコミットすることを処理します.Webプロジェクトを作成するには、まずjspページ(index.jsp)を作成します.
では、servletの中で何をしたか見てみましょう.Ajax_let.java
"java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>indextitle>
<script src="./JsFile/jquery-3.1.1.js">script>
head>
<body>
<input type="text" id="text" />
<button onclick="lixl()">Putbutton>
<h1>Helloh1>
<script>
//
function lixl(){
// val() id text
// value
var value = $("#text").val();
// ajax()
$.ajax({
//tyep: （get|post）
type:"post",
//url: servlet，
url:"./Ajax_let",
//data: ,
data:{key_a:value},
//statusCode: ，
statusCode:{
404:function(){
alert("404");
},
500:function(){
alert("500");
}
},
//success: ajax ， massage servlet ，Status ajax
success:function(massge,Status){
//
alert(Status);
// h1 servlet
$("h1").text(massge);
}
});
}
script>
body>
html>では、servletの中で何をしたか見てみましょう.Ajax_let.java
package servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* Servlet implementation class Ajax_let
*/
@WebServlet("/Ajax_let")
public class Ajax_let extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public Ajax_let() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
response.getWriter().append("Served at: ").append(request.getContextPath());
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
/* ajax post servlet ，
* servlet post
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
// request getParameter key_a
// ajax servlet
String value = request.getParameter("key_a");
//
System.out.println(value);
// ： reuqest getWriter PrintWriter ，
// ajax， PrintWriter print ajax
PrintWriter prin = response.getWriter();
String massge = "Success!";
prin.print(massge);
}
}