溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了使用jquery 的ajax 與 Java servlet的交互代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
由于是使用jquery的 所以別忘記導入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", //傳數據的方式
url: "user", //servlet地址
data: $('#form').serialize(), //傳的數據 form表單 里面的數據
success: function(result){ //傳數據成功之后的操作 result是servlet傳過來的數據 這個函數對result進行處理，讓它顯示在 輸入框中
$("#results").val(result); //找到輸入框 并且將result的值 傳進去
}
});
}
</script>
</head>
<body>
<H1 align="center">請輸入兩個字符串</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"> //點擊按鈕的時候觸發屬性
<button type="button" onclick="ajaxFun()">button</button> //提交 按鈕
</form>
<input type="text" id="results">
// 用來 顯示 result
</div>
</body>
</html>
然后是 servlet 文件
package com.java.servlet;
import java.io.IOException;
import java.io.PrintWriter;
/**
* Ajax 訓練
* */
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"); //從前端獲取數據first
String second = request.getParameter("second"); //從前端獲取數據second
String result=first+second;
System.out.println(result); //用于測試 ，判斷是否成功獲取到數據；
out.println(result); //將數據傳到前端
}
}
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
