Ajax結合Servlet的實現

Ajax結合Servlet的實現

開啟MyEclipse,file->new->Web Project,專案名稱寫AjaxServlet

在src上新建package,名稱com。toutiao。ajaxservlet

com。toutiao。ajaxservlet新建,選擇servlet類,名稱WebApi,下一步,mapping url寫webapi

WebApi。java程式碼如下:

package com。toutiao。ajaxsevlet;import java。io。IOException;import javax。servlet。ServletException;import javax。servlet。http。HttpServlet;import javax。servlet。http。HttpServletRequest;import javax。servlet。http。HttpServletResponse;public class WebApi extends HttpServlet { private static String USER_NAME = “abc”; private static String PASSWORD = “123456”; protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp。setContentType(“text/plain;charset=utf-8”); // 設定響應編碼 String method = req。getMethod(); // 獲取請求方式 System。out。println(method); if (method。equals(“POST”)) { String uname = req。getParameter(“uname”); // 獲取請求資料 String pwd = req。getParameter(“pwd”); System。out。println(uname + “: ”+pwd); if (USER_NAME。equals(uname) && PASSWORD。equals(pwd)) { resp。getWriter()。write(“登入成功!”); } else { resp。getWriter()。write(“登入失敗!”); } } else { resp。getWriter()。write(“請用POST方式提交資料”); } }}

執行tomcat,直接訪問http://localhost:8080/AjaxServlet/webapi,顯示“請用POST方式提交資料”

WebRoot/index。jsp程式碼如下:

<!DOCTYPE html> Ajax Servlet

User name:

Password :

訪問http://localhost:8080/AjaxServlet/,輸入使用者名稱abc密碼123456,提示“登入成功!”

在WebRoot資料夾上右擊,選擇Open In Explorer,將資料夾裡面的內容打包成WebRoot。zip

Xshell登入CentOS,進入如下資料夾

# cd /usr/tomcat/webapps

新建資料夾ajax_servlet

# mkdir ajax_servlet

然後進入

# cd ajax_servlet

上傳WebRoot。zip

# rz

解壓

# unzip WebRoot。zip

刪除

# rm WebRoot。zip

這樣就可以用外網訪問了:

http://106。12。195。59/ajax_servlet/