jQuery玩Ajax 後端服務由jsp提供

jQuery強大的支援Ajax呼叫與使用，可要怎麼做呢?

下面的例子要求使用者輸入姓名，使用者按下「Click Me」後，透過ajax機制傳送姓名給jsp程式，而jsp只是單純顯示出使用者所輸入的姓名而已。


Step by Step
1.import js檔。

2.body裡加上下方的tag

Loading......

    Male
    Female

3.head裡加入下方的javascript

4.提供Ajax呼叫查詢後端資料的jsp

<%@ page language="java" contentType="text/html; charset=BIG5"
    pageEncoding="BIG5" import="java.util.*;"%>
<%

String gender = request.getParameter("gender");
String name = request.getParameter("name");
out.println((gender.equalsIgnoreCase("male")?"Mr.":"Mrs.") + " " + name);
out.println("Hello world! This message is posted by Server.");
%>