java前后端使用ajax數(shù)據(jù)交互問題(簡(jiǎn)單demo)
更新時(shí)間：2023年06月05日 09:17:23 作者：西瓜味白菜
這篇文章主要介紹了java前后端使用ajax數(shù)據(jù)交互問題(簡(jiǎn)單demo)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。
java前后端使用ajax數(shù)據(jù)交互(簡(jiǎn)單demo)
一、導(dǎo)入ajax
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
先在前端導(dǎo)入jQuery
二、前端寫script腳本
window.onload=function(){//在頁面加載的時(shí)候調(diào)用這個(gè)函數(shù)
var jsondata={//前端可以發(fā)送數(shù)據(jù)給后端，json形式
"name":"zhansan",
"password":"123456"
}
$.ajax({//向服務(wù)器發(fā)出請(qǐng)求的方法
type:"post",
url:"login",//向服務(wù)器請(qǐng)求的url
data:jsondata,//注意，就算不需要發(fā)送數(shù)據(jù)給后端也要有data
success:function(data){//請(qǐng)求服務(wù)器成功后返回頁面時(shí)頁面可以進(jìn)行處理，data就是后端返回的數(shù)據(jù)
alert("前端請(qǐng)求后端成功，返回了數(shù)據(jù),數(shù)據(jù)顯示用戶名為"+data.name);
}
error:function(e){
alert("發(fā)生未知錯(cuò)誤")；
}
}
)
}前端部分完成，這里是利用ajax先手動(dòng)向后端發(fā)出請(qǐng)求，后端接收到請(qǐng)求后調(diào)用servlet處理并返回結(jié)果后，前端才接收到數(shù)據(jù)并調(diào)用success或error處理。
三、后端的servlet代碼
@WebServlet("/login")//這里和ajax里面的url一致，代表請(qǐng)求的是這個(gè)servlet
public class login extends HttpServlet {
前面請(qǐng)求類型為post函數(shù)
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//從前端傳遞的request中取值
System.out.println("前端傳遞過來的名字是"+request.getParameter("name"));
//構(gòu)造json字符串傳遞回前端，\為java轉(zhuǎn)義符號(hào)為了轉(zhuǎn)義雙引號(hào)
//注意這里格式要求很嚴(yán)格，不能用單引號(hào)，建議使用第三方框架自動(dòng)生成json字符串
String s= "{\"name\":\"張三\",\"password\":\"123456\"}";
response.setCharacterEncoding("utf-8");
response.setContentType("application/json; charset=utf-8");//返回的格式必須設(shè)置為application/json
response.getWriter().write(s);//寫入到返回結(jié)果中
//完成，執(zhí)行到這里就會(huì)返回?cái)?shù)據(jù)給前端，前端結(jié)果為success，調(diào)用success里面的內(nèi)容
}java中前后端交互圖解
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Java中的ConcurrentLinkedQueue使用解析
這篇文章主要介紹了Java中的ConcurrentLinkedQueue使用解析,一個(gè)基于鏈接節(jié)點(diǎn)的無界線程安全隊(duì)列,此隊(duì)列按照 FIFO(先進(jìn)先出)原則對(duì)元素進(jìn)行排序,隊(duì)列的頭部是隊(duì)列中時(shí)間最長(zhǎng)的元素,需要的朋友可以參考下2023-12-12
基于Spring Security的Oauth2授權(quán)實(shí)現(xiàn)方法
這篇文章主要介紹了基于Spring Security的Oauth2授權(quán)實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
這篇文章主要介紹了Java中關(guān)于 null 的幾種處理方式，關(guān)于 null ，你應(yīng)該知道下面這幾件事情來有效的了解 null ，從而避免很多由 null 引起的錯(cuò)誤，具體細(xì)節(jié)跟隨小編一起學(xué)習(xí)下吧2021-10-10
文章總結(jié)了Java讀取資源路徑的幾種方式,并指出了在JUnit測(cè)試文件和普通類中讀取資源路徑的區(qū)別,普通類中讀取資源路徑時(shí),只返回主目錄,而JUnit測(cè)試文件中可以精確到所在模塊2025-02-02
where標(biāo)記的作用類似于動(dòng)態(tài)sql中的set標(biāo)記，本文主要介紹了mybatis where 標(biāo)簽使用，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
SpringSecurity6.x多種登錄方式配置小結(jié)
SpringSecurity6.x變了很多寫法,本文就來介紹一下SpringSecurity6.x多種登錄方式配置小結(jié),具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12
MyBatis-Plus里面的增刪改查詳解(化繁為簡(jiǎn))
這篇文章主要給大家介紹了關(guān)于MyBatis-Plus里面的增刪改查的相關(guān)資料,Mybatis-Plus是一個(gè)基于Mybatis的增強(qiáng)工具,可以簡(jiǎn)化Mybatis的開發(fā),提高開發(fā)效率,需要的朋友可以參考下2023-07-07
SpringBoot實(shí)現(xiàn)定時(shí)任務(wù)的三種方式小結(jié)
這篇文章主要介紹了SpringBoot實(shí)現(xiàn)定時(shí)任務(wù)的三種方式小結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-11-11
這篇文章主要介紹了Java中stream的用法詳細(xì)解讀,Stream 是 Java8 中處理集合的關(guān)鍵抽象概念,它可以指定你希望對(duì)集合進(jìn)行的操作,可以執(zhí)行非常復(fù)雜的查找、過濾和映射數(shù)據(jù)等操作,使用Stream API 對(duì)集合數(shù)據(jù)進(jìn)行操作,就類似于使用SQL執(zhí)行的數(shù)據(jù)庫查詢,需要的朋友可以參考下2023-10-10
詳解Java子線程異常時(shí)主線程事務(wù)如何回滾
如果主線程向線程池提交了一個(gè)任務(wù)，如果執(zhí)行這個(gè)任務(wù)過程中發(fā)生了異常，如何讓主線程捕獲到該異常并且進(jìn)行事務(wù)的回滾？本篇文章帶給你答案2022-03-03