今回は、ajax を java に送信した後のデータを処理する方法を説明します。
達成される効果: ボタンをクリックしてデータをバックグラウンドに送信し、フォアグラウンドに戻ってデータ
インデックスを表示します。 jsp<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type="text" id="userinput">
<input type="button" id="submit">
<p id="msg"></p>
</body>
<script type="text/javascript" src="jquery-2.1.0.js"></script>
<script type="text/javascript">
window.onload = function() {
document.getElementById("submit").onclick = test;
}
function test(){
var userinput = document.getElementById("userinput");
$.post("http://localhost:8080/TestSpring/TestAction",{username:userinput.value},
function(data, textStatus){
document.getElementById("msg").innerHTML = data;
});
}
</script>
</html>
<action name="TestAction" class="com.action.Test">
<result>index.jsp</result>
</action>
package com.action;
import java.io.PrintWriter;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts2.ServletActionContext;
import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;
public class Test extends ActionSupport {
@Override
public String execute() throws Exception {
// TODO Auto-generated method stub
HttpServletRequest request = org.apache.struts2.ServletActionContext.getRequest();
HttpServletResponse response = ServletActionContext.getResponse();
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
out.write(request.getParameter("username"));
out.flush();
out.close();
return SUCCESS;
}
}
推奨読書:
ajax を使用してコメントを送信し、自動的に更新する方法 ブラウザに ajax リクエストを記憶させ、ブラウザを前後に制御する方法以上がAjax が Java にデータを送信した後にデータを処理する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。