使用jquery 的ajax 與 Java servlet的交互代碼實(shí)例
這篇文章主要介紹了使用jquery 的ajax 與 Java servlet的交互代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(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傳過來的數(shù)據(jù) 這個(gè)函數(shù)對result進(jìn)行處理,讓它顯示在 輸入框中 $("#results").val(result); //找到輸入框 并且將result的值 傳進(jìn)去 } }); } </script> </head> <body> <H1 align="center">請輸入兩個(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"> // 用來 顯示 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); //用于測試 ,判斷是否成功獲取到數(shù)據(jù); out.println(result); //將數(shù)據(jù)傳到前端 } }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Java使用Ajax實(shí)現(xiàn)跨域上傳圖片功能
- React+ajax+java實(shí)現(xiàn)上傳圖片并預(yù)覽功能
- 使用Ajax進(jìn)行文件與其他參數(shù)的上傳功能(java開發(fā))
- AJAX實(shí)現(xiàn)數(shù)據(jù)的增刪改查操作詳解【java后臺】
- Java后臺判斷ajax請求及處理過程詳解
- java模擬ajax訪問另一個(gè)項(xiàng)目的controller代碼實(shí)例
- Java+Ajax實(shí)現(xiàn)的用戶名重復(fù)檢驗(yàn)功能實(shí)例詳解
- jQuery的Ajax接收java返回?cái)?shù)據(jù)方法
- AJAX+JAVA用戶登陸注冊驗(yàn)證的實(shí)現(xiàn)代碼
- 原生JavaScrpit中異步請求Ajax實(shí)現(xiàn)方法
- Javaweb使用cors完成跨域ajax數(shù)據(jù)交互
- Java使用Ajax異步上傳文件
相關(guān)文章
SpringBoot項(xiàng)目如何將Bean注入到普通類中
這篇文章主要介紹了SpringBoot項(xiàng)目如何將Bean注入到普通類中,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2021-11-11詳解spring boot實(shí)現(xiàn)websocket
這篇文章主要介紹了詳解spring boot實(shí)現(xiàn)websocket,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06mybatis mapper.xml 區(qū)間查詢條件詳解
這篇文章主要介紹了mybatis mapper.xml 區(qū)間查詢條件詳解,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2021-09-09SpringSecurity的防Csrf攻擊實(shí)現(xiàn)代碼解析
這篇文章主要介紹了SpringSecurity的防Csrf攻擊實(shí)現(xiàn)代碼解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-03-03