一個最基礎完整版的ajax專案

阿新 • • 發佈：2018-12-13

jsp檔案


<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/9/14
  Time: 19:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
    <script type 
="text/javascript">
        function sendHttpRequest() {
            //步驟一建立XMLHttpRequest物件
            var xhr = new XMLHttpRequest();
            //步驟二設定請求方式及請求路徑
            xhr.open("get","AJAXAction");
            //步驟三傳送請求
            xhr.send();
            //步驟四獲取回撥函式
            xhr.onreadystatechange = function () {
                if 
 (xhr.readyState == 4 && xhr.status == 200){
                    alert(xhr.responseText);
                }
            }
        }
    </script>


  </head>
  <body>
  <input type="button" onclick="sendHttpRequest()" value="準備好開始爽了嗎">
  </body>
</html>




java

package 
 com.tjetc.demo;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

public class AJAXAction extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setCharacterEncoding("UTF-8");
        resp.setCharacterEncoding("UTF-8");
        PrintWriter out = resp.getWriter();
        out.print("你通過AJAXAction對我進行了訪問爽了嗎");
    }
}

WEB.XML
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
 <servlet>
     <servlet-name>AJAXAction</servlet-name>
     <servlet-class>com.tjetc.demo.AJAXAction</servlet-class>

 </servlet>
    <servlet-mapping>
        <servlet-name>AJAXAction</servlet-name>
        <url-pattern>/AJAXAction</url-pattern>
    </servlet-mapping>
</web-app>

一個最基礎完整版的ajax專案

jsp檔案 <%-- Created by IntelliJ IDEA. User: Administrator Date: 2018/9/14 Time: 19:57 To change this template use File | Settings |

程式設計番外篇：CLion執行第一個HelloWorld（完整版）

CLion是個專業且強大的C/C++IDE，但是對於初學C/C++的新手，不建議使用，因為它太過強大，所以配置複雜，所以初學者老老實實用Dev或者vs就好。話是這麼說，可是人總是喜歡新奇且高階的東西。所以就有了這篇博文。 1.下載CLion 你喜歡在哪裡下載都可以，我還是推薦官網。

Hadoop 偽分散式環境搭建——hadoop2.8+centos7（零基礎&完整版）

引言：環境：一、安裝虛擬機器在windows系統中安裝VMware14pro，直接下載安裝，無需贅述 ps：如有條件，請購買使用二、安裝linux作業系統 CentOS 是一個基於Red Hat Linux 提供的可自由使用

電腦基礎知識及拓展：使用Git將本地專案上傳到碼雲（完整版）

準備工作： 1.下載Git https://www.git-scm.com/download/ 2.註冊碼雲記住自己暱稱下面的字母，這作為我們的賬號。密碼自己心裡都知道。在碼雲新建一個專案，我這裡是UnityWorks 3.配置使用者名稱和密碼在任意

Vue2.5開發去哪兒網App 從零基礎入門到實戰專案完整版

第1章課程介紹本章主要介紹課程的知識大綱，學習前提，講授方式及預期收穫。1-1 課程簡介第2章 Vue 起步本章將快速講解部分 Vue 基礎語法，通過 TodoList 功能的編寫，在熟悉基礎語法的基礎上，擴充套件解析 MVVM 模式及前端元件化的概念及優勢。2-1 課

【Java】Swing+IO流實現一個簡單的文件加密程序（較完整版）

move 初始 baidu images 文件選擇器 while login 一個 ktr 留著參考 beans package com.my.bean; import java.io.Serializable; public class

對於同一套應用程序如何發布一個體驗版（有部分功能）完整版（有完整功能）

service() () ogr com 完整 fine adk testin generic 最近項目中，先做一個版本給用戶（普通用戶作為體驗使用）。之後再有一個完整功能版。 #define OFFLINE using System; using System.

用JS制作一個信息管理平臺完整版

15位 spa 常用復制代碼 ora local data- off parseint 前言 JRedu 在之前的文章中，介紹了如何用JS制作一個實用的信息管理平臺。但是那樣的平臺功能過於簡陋了，我們今天來繼續完善一下。首先我們回顧一下之前的內容。

史上最全設計模式導學目錄（完整版）

最全 content bsp 書籍轉載 http 模式 ogr book 該文章是轉載大牛的分享。備忘學習。 http://blog.csdn.net/lovelion/article/details/17517213 GitHu上分享的一些資料 https://zh

IntelliJ IDEA最新版配置Tomcat（完整版教程）

filter 運行 next art uri 我沒圖片 ali fire 查找該問題的童鞋我相信IntelliJ IDEA，Tomcat的下載，JDK等其他的配置都應該完成了，那我直接進入正題了。1.新建一個項目2.由於這裏我們僅僅為了展示如何成功部署Tomcat，以及配

傳智播客 PHP基礎班+就業班高清完整版教學視頻第28期 9月份版

PHP講課順序：1.html2.css3.javascript4.綜合應用(html+css+javascript)5.apache基本使用6.php基礎入門7.mysql數據庫入門3 t2 m) 8.階段綜合運用(php+mysql+css+javascript+html)9.php核心編程10.Mysql

php+jquery+ajax+json的一個最簡單實例

text serial OS .com min TP content meta 姓名 //網站 http://www.cnblogs.com/hjxcode/p/6029781.html<html><head><meta http-equiv=

用函數寫一個計算器(親測完整版)

for code str float findall re.search bre exp += 第一個函數算乘除法: import re def atom_cal(exp): if ‘*‘ in exp: a,b = exp.split(‘*‘)

2018最新傳智播客web前端開發39期視頻教程【完整版】

就業開發視頻教程百度筆記 ESS 實戰孤單 ref 全部本套視頻為傳智2018web前端開發全套視頻教程基礎班+就業班，視頻+源碼+案例筆記，全套高清不加密~2018最新傳智播客視頻！本教程是實戰派課程！為傳智最新web前端39期，挑戰全網最全視頻,沒有之一

零基礎學Python要學哪些內容?Python學習線路完整版分享

零基礎學Python要學哪些內容?下面就跟著小編一起來看看Python學習線路完整版分享。推薦下小編的Python學習群；629440234，不管你是小白還是大牛，小編我都歡迎，不定期分享乾貨，包括小編自己整理的一份2018最新的Python和0基礎入門教程，歡迎初學和進階中的小夥伴。

關於PLDA在kaldi中的基礎知識和程式碼完整版

理論基礎知識 LDA用來提取線性特徵，這種特徵的目標在於最大化between-class separation以及最小化within-class sepration。LDA可以給訓練資料擬合一個高斯混合模型：用x表示observable sample

使用最基礎的Node，建立一個簡單的node.js應用

對於初學者，在我們使用 node.js建立應用時，首先注意的應該是node.js的組成部分； 1：首先引入 require模組可以使用require指令來載入node自己帶的node.js模組，方便引入；2： 2：建立伺服器：伺服器可以監聽客戶端請求，從而響應資料

IDEA之構建一個Web基礎專案

IDEA之構建一個Web基礎專案前言昨天構建Web基礎專案，發現編輯器不知道怎麼用了，用SpringBoot習慣了，因此做一個記錄。正文首先點選 ->File -> new Project -> mave

將Web專案War包部署到Tomcat伺服器基本步驟（完整版）

1. 常識: 1.1 War包 War包一般是在進行Web開發時，通常是一個網站Project下的所有原始碼的集合，裡面包含前臺HTML/CSS/JS的程式碼，也包含Java的程式碼。當開發人員在自己的開發機器上除錯所有程式碼並通過後，為了交給測試人員測試和

Servlet和Image如何做出一個驗證碼程式的完整版的原始碼？

馬克-to-win：（視訊下載）（全部書籍）根據上面程式，我做了一個驗證碼程式的大概。所有的技術點都已經涵蓋了。有興趣的同學可以自己把完整版的驗證碼程式做出來。例：4.4.4 <%@ page contentType="text/html; charset=GBK"%&

一個最基礎完整版的ajax專案

相關推薦