使用jquery 的ajax 與 Java servlet的交互代碼實(shí)例
更新時(shí)間：2019年09月05日 14:28:27 作者：飛鳥(niǎo)
這篇文章主要介紹了使用jquery 的ajax 與 Java servlet的交互代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
這篇文章主要介紹了使用jquery 的ajax 與 Java servlet的交互代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
由于是使用jquery的 所以別忘記導(dǎo)入jq
下面是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>
<script src="js/jquery-3.3.1.js"></script>
<script type="text/javascript">
function ajaxFun(){
$.ajax({
type: "POST", //傳數(shù)據(jù)的方式
url: "user", //servlet地址
data: $('#form').serialize(), //傳的數(shù)據(jù) form表單 里面的數(shù)據(jù)
success: function(result){ //傳數(shù)據(jù)成功之后的操作 result是servlet傳過(guò)來(lái)的數(shù)據(jù) 這個(gè)函數(shù)對(duì)result進(jìn)行處理，讓它顯示在 輸入框中
$("#results").val(result); //找到輸入框 并且將result的值 傳進(jìn)去
}
});
}
</script>
</head>
<body>
<H1 align="center">請(qǐng)輸入兩個(gè)字符串</H1>
<div align="center">
<form id="form">
first:<input type="text" name="first" id="first">
second:<input type="text" name="second" id="second"><br data-filtered="filtered"> //點(diǎn)擊按鈕的時(shí)候觸發(fā)屬性
<button type="button" onclick="ajaxFun()">button</button> //提交 按鈕
</form>
<input type="text" id="results">
// 用來(lái) 顯示 result
</div>
</body>
</html>
然后是 servlet 文件
package com.java.servlet;
import java.io.IOException;
import java.io.PrintWriter;
/**
* Ajax 訓(xùn)練
* */
public class UserServlet extends javax.servlet.http.HttpServlet {
protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
this.doGet(request,response);
}
protected void doGet(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("UTF-8");
PrintWriter out = response.getWriter();
String first = request.getParameter("first"); //從前端獲取數(shù)據(jù)first
String second = request.getParameter("second"); //從前端獲取數(shù)據(jù)second
String result=first+second;
System.out.println(result); //用于測(cè)試 ，判斷是否成功獲取到數(shù)據(jù)；
out.println(result); //將數(shù)據(jù)傳到前端
}
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Java使用Ajax實(shí)現(xiàn)跨域上傳圖片功能
- React+ajax+java實(shí)現(xiàn)上傳圖片并預(yù)覽功能
- 使用Ajax進(jìn)行文件與其他參數(shù)的上傳功能(java開(kāi)發(fā))
- AJAX實(shí)現(xiàn)數(shù)據(jù)的增刪改查操作詳解【java后臺(tái)】
- Java后臺(tái)判斷ajax請(qǐng)求及處理過(guò)程詳解
- java模擬ajax訪問(wèn)另一個(gè)項(xiàng)目的controller代碼實(shí)例
- Java+Ajax實(shí)現(xiàn)的用戶名重復(fù)檢驗(yàn)功能實(shí)例詳解
- jQuery的Ajax接收java返回?cái)?shù)據(jù)方法
- AJAX+JAVA用戶登陸注冊(cè)驗(yàn)證的實(shí)現(xiàn)代碼
- 原生JavaScrpit中異步請(qǐng)求Ajax實(shí)現(xiàn)方法
- Javaweb使用cors完成跨域ajax數(shù)據(jù)交互
- Java使用Ajax異步上傳文件
相關(guān)文章
JVM的啟動(dòng)參數(shù)是在啟動(dòng)JVM時(shí)可以設(shè)置的一些命令行參數(shù),本文詳細(xì)的介紹了深入理解jvm啟動(dòng)參數(shù),具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08
這篇文章主要介紹了Restful傳遞數(shù)組參數(shù)及注解大全的相關(guān)資料,需要的朋友可以參考下2015-12-12
一個(gè)詞就可以描述注解，那就是元數(shù)據(jù)，即一種描述數(shù)據(jù)的數(shù)據(jù)。所以，可以說(shuō)注解就是源代碼的元數(shù)據(jù)。文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
Java中BeanUtils.copyProperties()詳解及應(yīng)用場(chǎng)景
BeanUtils.copyProperties()是Apache?Commons?BeanUtils提供的方法,用于Java對(duì)象間屬性的復(fù)制,特別適用于DTO、VO和Entity之間的數(shù)據(jù)傳遞,這篇文章主要介紹了Java中BeanUtils.copyProperties()詳解及應(yīng)用場(chǎng)景的相關(guān)資料,需要的朋友可以參考下2024-09-09
Java語(yǔ)言之LinkedList和鏈表的實(shí)現(xiàn)方法
LinkedList是由傳統(tǒng)的鏈表數(shù)據(jù)結(jié)構(gòu)演變而來(lái)的,鏈表是一種基本的數(shù)據(jù)結(jié)構(gòu),它可以動(dòng)態(tài)地增加或刪除元素,下面這篇文章主要給大家介紹了關(guān)于Java語(yǔ)言之LinkedList和鏈表的實(shí)現(xiàn)方法,需要的朋友可以參考下2023-05-05
Spring ApplicationContext接口功能詳細(xì)介紹
ApplicationContext是Spring應(yīng)用程序中的中央接口，由于繼承了多個(gè)組件，使得ApplicationContext擁有了許多Spring的核心功能，如獲取bean組件，注冊(cè)監(jiān)聽(tīng)事件，加載資源文件等2023-02-02
java案例實(shí)戰(zhàn)之字符串轉(zhuǎn)換為二進(jìn)制
最近遇到個(gè)需求,要求編寫(xiě)一個(gè)程序,從鍵盤(pán)錄入一個(gè)字符串,將字符串轉(zhuǎn)換為二進(jìn)制數(shù),下面這篇文章主要給大家介紹了關(guān)于java字符串轉(zhuǎn)換為二進(jìn)制的相關(guān)資料,需要的朋友可以參考下2023-06-06
關(guān)于Java HashMap自動(dòng)排序的簡(jiǎn)單剖析
這篇文章主要給大家介紹了關(guān)于Java HashMap自動(dòng)排序的簡(jiǎn)單剖析，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
這篇文章主要介紹了從java面試題了解你所模糊的數(shù)組，數(shù)組用來(lái)存儲(chǔ)一系列的數(shù)據(jù)項(xiàng)，其中的每一項(xiàng)具有相同的基本數(shù)據(jù)類(lèi)型、類(lèi)或相同的父類(lèi)。通過(guò)使用數(shù)組，可以在很大程度上縮短和簡(jiǎn)化程序代碼，從而提高應(yīng)用程序的效率。,需要的朋友可以參考下2019-06-06
Java數(shù)據(jù)結(jié)構(gòu)之環(huán)形鏈表和約瑟夫問(wèn)題詳解
約瑟夫(Josephus)問(wèn)題是單向環(huán)形鏈表的一種體現(xiàn),也就是丟手帕問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于Java數(shù)據(jù)結(jié)構(gòu)之環(huán)形鏈表和約瑟夫問(wèn)題的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08