欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2023年06月05日 09:17:23   作者:西瓜味白菜  
這篇文章主要介紹了java前后端使用ajax數(shù)據(jù)交互問題(簡單demo),具有很好的參考價值,希望對大家有所幫助。

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(){//在頁面加載的時候調(diào)用這個函數(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ù)器成功后返回頁面時頁面可以進(jìn)行處理,data就是后端返回的數(shù)據(jù)
				alert("前端請求后端成功,返回了數(shù)據(jù),數(shù)據(jù)顯示用戶名為"+data.name);
			}
			error:function(e){
				alert("發(fā)生未知錯誤");
			}
		}
	)
}

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

三、后端的servlet代碼

@WebServlet("/login")//這里和ajax里面的url一致,代表請求的是這個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)格,不能用單引號,建議使用第三方框架自動生成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í)行到這里就會返回數(shù)據(jù)給前端,前端結(jié)果為success,調(diào)用success里面的內(nèi)容
	}

java中前后端交互圖解

總結(jié)

以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Java中的ConcurrentLinkedQueue使用解析

    Java中的ConcurrentLinkedQueue使用解析

    這篇文章主要介紹了Java中的ConcurrentLinkedQueue使用解析,一個基于鏈接節(jié)點的無界線程安全隊列,此隊列按照 FIFO(先進(jìn)先出)原則對元素進(jìn)行排序,隊列的頭部是隊列中時間最長的元素,需要的朋友可以參考下
    2023-12-12
  • 基于Spring Security的Oauth2授權(quán)實現(xiàn)方法

    基于Spring Security的Oauth2授權(quán)實現(xiàn)方法

    這篇文章主要介紹了基于Spring Security的Oauth2授權(quán)實現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-09-09
  • Java中關(guān)于 null 的幾種處理方式詳解

    Java中關(guān)于 null 的幾種處理方式詳解

    這篇文章主要介紹了Java中關(guān)于 null 的幾種處理方式,關(guān)于 null ,你應(yīng)該知道下面這幾件事情來有效的了解 null ,從而避免很多由 null 引起的錯誤,具體細(xì)節(jié)跟隨小編一起學(xué)習(xí)下吧
    2021-10-10
  • java讀取資源路徑的幾種實現(xiàn)方式

    java讀取資源路徑的幾種實現(xiàn)方式

    文章總結(jié)了Java讀取資源路徑的幾種方式,并指出了在JUnit測試文件和普通類中讀取資源路徑的區(qū)別,普通類中讀取資源路徑時,只返回主目錄,而JUnit測試文件中可以精確到所在模塊
    2025-02-02
  • mybatis where 標(biāo)簽使用

    mybatis where 標(biāo)簽使用

    where標(biāo)記的作用類似于動態(tài)sql中的set標(biāo)記,本文主要介紹了mybatis where 標(biāo)簽使用,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • SpringSecurity6.x多種登錄方式配置小結(jié)

    SpringSecurity6.x多種登錄方式配置小結(jié)

    SpringSecurity6.x變了很多寫法,本文就來介紹一下SpringSecurity6.x多種登錄方式配置小結(jié),具有一定的參考價值,感興趣的可以了解一下
    2023-12-12
  • MyBatis-Plus里面的增刪改查詳解(化繁為簡)

    MyBatis-Plus里面的增刪改查詳解(化繁為簡)

    這篇文章主要給大家介紹了關(guān)于MyBatis-Plus里面的增刪改查的相關(guān)資料,Mybatis-Plus是一個基于Mybatis的增強(qiáng)工具,可以簡化Mybatis的開發(fā),提高開發(fā)效率,需要的朋友可以參考下
    2023-07-07
  • SpringBoot實現(xiàn)定時任務(wù)的三種方式小結(jié)

    SpringBoot實現(xiàn)定時任務(wù)的三種方式小結(jié)

    這篇文章主要介紹了SpringBoot實現(xiàn)定時任務(wù)的三種方式小結(jié),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2021-11-11
  • Java中stream的用法詳細(xì)解讀

    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子線程異常時主線程事務(wù)如何回滾

    詳解Java子線程異常時主線程事務(wù)如何回滾

    如果主線程向線程池提交了一個任務(wù),如果執(zhí)行這個任務(wù)過程中發(fā)生了異常,如何讓主線程捕獲到該異常并且進(jìn)行事務(wù)的回滾?本篇文章帶給你答案
    2022-03-03

最新評論