ajaxの最も簡単な例
AJAXの一番簡単な例
AJAX名詞の簡単な説明：
AJAXは「Aynchronous JavaScript and XML」（非同期JavaScriptとXML）であり、AJAXは略語ではなく、Jesse James Gaiiettによって作成された名詞であり、相互的なウェブアプリケーションを作成するウェブページ開発技術を指す。
AJAXは新しいプログラミング言語ではなく、より速く、より対話性の強いWebアプリケーションを作成するための技術です。
主に含まれる技術：
DOM（Document Object Model）を使って動的表示とインタラクションを行います。
XMLとXSLTを使ってデータ交換と関連操作を行います。
XMLHttpRequestを使って非同期データの検索、検索を行います。
JavaScriptを使ってすべてのものを結びつけます。
本例の環境設定：
本例はJQUERYでAJAX非同期要求を実現するために必要なjquery-1.7.22.jsは
http://jquery.com/ダウンロード
ウェブプロジェクトを新規に作成し、ajaxquest.jspを新規に作成し、コードを追加します。
<%@ page language="java" contentType="text/html; charset=gbk" pageEncoding="gbk"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>Insert title here</title>
<script type="text/javascript" src="./ref/jquery-1.7.2.js"></script>
<script type="text/javascript">
function ajax_request(){
var text = $("#text1").val();
$.ajax({
type:"POST",
url:"ajax_response.jsp",
data:"text="+text,
success:function(msg){
$("#div1").html(msg);
}
});
}
</script>
</head>
<body>
ajax <br/>
<input type="text" id="text1" name="text1" />
<input type="button" id="button1" name="button1" value=" " onclick="ajax_request()"/>
<div id="div1"></div>
</body>
</html>1$ajaxのurlパラメータはactionを追加して、servletまたはjspとすることができます。
2.ajaxにおけるdataパラメータは転送のパラメータを追加し、複数のパラメータは&分離し、具体的なフォーマット例は以下の通りである。name=John&location=Boston
3$.ajaxのsuccess:function(msg)のmsgは自分で書いた変数で、バックグラウンドから送られてきたデータを受信するために使います。
4コードが分からないところがあれば、jqueryの中国語chmを調べることができます。
5必要なラックバッグとchmを添付します。
ajaxtusponse.jspを新規作成してコードを追加します。
<%@ page language="java" contentType="text/html; charset=gbk" pageEncoding="gbk"%>
<%
//ajax_response.jsp ajax
String requestParam = (String)request.getParameter("text");
System.out.println("requestParam->"+requestParam);
out.println(" "+requestParam);
out.flush();
%>1 ajaxのバックグラウンドはjspを使ってもいいし、servletを使ってもいいです。この例はjspを使って実現します。
2この例は現在中国語でパラメータを作成すると文字化けが発生します。ここで解決策は提供されません。
3 outオブジェクトはjspの内蔵オブジェクトで、servletで宣言されたオブジェクトに相当します。
java.io.PrintWriter out=reponse.getWriter（）；
4戻り値を持たないように注意してください。