java前后端使用ajax數(shù)據(jù)交互問題(簡單demo)

更新時(shí)間：2023年06月05日 09:17:23 作者：西瓜味白菜

這篇文章主要介紹了java前后端使用ajax數(shù)據(jù)交互問題(簡單demo)，具有很好的參考價(jià)值，希望對大家有所幫助。

java前后端使用ajax數(shù)據(jù)交互(簡單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ā)出請求的方法
			type:"post",
			url:"login",//向服務(wù)器請求的url
			data:jsondata,//注意，就算不需要發(fā)送數(shù)據(jù)給后端也要有data
			success:function(data){//請求服務(wù)器成功后返回頁面時(shí)頁面可以進(jìn)行處理，data就是后端返回的數(shù)據(jù)
				alert("前端請求后端成功，返回了數(shù)據(jù),數(shù)據(jù)顯示用戶名為"+data.name);
			}
			error:function(e){
				alert("發(fā)生未知錯(cuò)誤")；
			}
		}
	)
}

前端部分完成，這里是利用ajax先手動(dòng)向后端發(fā)出請求，后端接收到請求后調(diào)用servlet處理并返回結(jié)果后，前端才接收到數(shù)據(jù)并調(diào)用success或error處理。

三、后端的servlet代碼

@WebServlet("/login")//這里和ajax里面的url一致，代表請求的是這個(gè)servlet
public class login extends HttpServlet {
	前面請求類型為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)義符號為了轉(zhuǎn)義雙引號
		//注意這里格式要求很嚴(yán)格，不能用單引號，建議使用第三方框架自動(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)先出)原則對元素進(jìn)行排序,隊(duì)列的頭部是隊(duì)列中時(shí)間最長的元素,需要的朋友可以參考下
2023-12-12
基于Spring Security的Oauth2授權(quán)實(shí)現(xiàn)方法
這篇文章主要介紹了基于Spring Security的Oauth2授權(quán)實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
Java中關(guān)于 null 的幾種處理方式詳解
這篇文章主要介紹了Java中關(guān)于 null 的幾種處理方式，關(guān)于 null ，你應(yīng)該知道下面這幾件事情來有效的了解 null ，從而避免很多由 null 引起的錯(cuò)誤，具體細(xì)節(jié)跟隨小編一起學(xué)習(xí)下吧
2021-10-10
java讀取資源路徑的幾種實(shí)現(xiàn)方式
文章總結(jié)了Java讀取資源路徑的幾種方式,并指出了在JUnit測試文件和普通類中讀取資源路徑的區(qū)別,普通類中讀取資源路徑時(shí),只返回主目錄,而JUnit測試文件中可以精確到所在模塊
2025-02-02
mybatis where 標(biāo)簽使用
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里面的增刪改查詳解(化繁為簡)
這篇文章主要給大家介紹了關(guān)于MyBatis-Plus里面的增刪改查的相關(guān)資料,Mybatis-Plus是一個(gè)基于Mybatis的增強(qiáng)工具,可以簡化Mybatis的開發(fā),提高開發(fā)效率,需要的朋友可以參考下
2023-07-07
SpringBoot實(shí)現(xiàn)定時(shí)任務(wù)的三種方式小結(jié)
這篇文章主要介紹了SpringBoot實(shí)現(xiàn)定時(shí)任務(wù)的三種方式小結(jié)，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2021-11-11
Java中stream的用法詳細(xì)解讀
這篇文章主要介紹了Java中stream的用法詳細(xì)解讀,Stream 是 Java8 中處理集合的關(guān)鍵抽象概念,它可以指定你希望對集合進(jìn)行的操作,可以執(zhí)行非常復(fù)雜的查找、過濾和映射數(shù)據(jù)等操作,使用Stream API 對集合數(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