11-23 SSM4

Ajax

同步請求 :全局刷新的方式? -> synchronous請求 客戶端發一個請求,服務器響應之后你客戶端才能繼續后續操作,請求二響應完之后才能發送后續的請求,依次類推

有點:服務器負載較小,但是由于服務器相應的是整個頁面資源,容易造成資源重復加載浪費,服務器相應的數據沒有進行對應的選擇刷新 -> 局部刷新

異步請求:asynchronous你只要發,不管服務器有沒有給你響應,你依然可以繼續第二次請求的發送,這是一種異步的方式? 調用回調函數把響應返回給你

客戶端 ->異步引擎對象xmlHttpRequets(隊列結構,有個口進,有個口出,隊列里面存下請求,再一個一個把請求發給服務器) -> 服務器? 數據傳輸的載體,現在用的是xml數據格式的數據。

AJAX(Asynchronous Javascript And XML)翻譯成中文就是“異步Javascript和XML"。即使用Javascript語言與服務器進行異步交互,傳輸的數據為XML(當然,傳輸的數據不只是XML,現在基本都是json格式)。

特點:

  • 與服務器異步交互
  • 瀏覽器頁面局部刷新
  • 排隊導致的服務器壓力過大也是其中的一個特點

java? 對象 -> json xml三個之間的轉換

Ajax的實現

1.原生版本??

2.第三方的原生的ajax封裝:jquery axios?

基于jquery對ajax的實現

1.回調函數的概念,不是手動調用的函數,寫事件函數時,其實括號內部寫的就是回調函數

axios.click(function (){})

加上Requetsbody表示他是一個數據了

post請求完畢

現在->get? 支持url傳值? 也支持內部自己寫data傳值

jquery提供的對ajax再次封裝的簡寫!

$("btn").click(fcuntion (){

?$.get("/test3/test1.do?name=lisi&age=23),function(rs){
? ? ? ? $("content").text(rs)};

})

只適用于get

根據bid去查詢書籍

注入service 接收一個bid int id

其實調用了book.toString方法

數據想對象.屬性調用出來? 因為此時rs是一個字符串??

rs是后臺相應的一個字符串

下面這種方式才可以拿出

問題:把字符串轉換成一個js對象var obj= {}

使用parseJson? 把字符串{“k”:"v","k1":"v1'}轉換成js對象

但是對于后臺的拼接就會顯得特別麻煩?

后臺是得到一個java對象,前端需要得到對象的屬性,把字符串變成js對象{} 就是json

json就是帶有格式的一個字符串 非常類似于js的對象格式

JSON(JavaScript Object Notation)是一種輕量級的數據交換格式。
JSON是用字符串來表示Javascript對象,例如可以在Servlet中發送一個JSON格式的字符串給客戶端Javascript,Javascript可以執行這個字符串,得到一個Javascript對象。

Json語法

數據在名稱/值對中

數據由逗號分隔花括號{}

保存對象方括號[]

保存數組對象數組:[{},{},{}]

json的key必須使用雙引號引起

對象數組:

json就是用于跨平臺的數據傳遞

后端:java對象轉換為json? 有相應的jar包

前端:把字符串轉換為js對象 Json.parse(rs)? rs是一個字符串?

json -> 字符串 json.Stringfy

java后臺java對象與json的轉換

1.使用第三方的json的jar包:jackson(spring默認) fastjson(阿里提供) jsonlib

Spring使用jackson

1.導入依賴

然后SpringMvc幫你做下面的事

2.配合@ReponseBody把java對象轉換為json字符串

@RequestBody:把json字符串轉換為java對象

但是沒有postJson

更改首頁的原生寫法:

js動態加cur這個類選擇器? 但是我們的頁面時全局刷新

ajax應用

實現表單? 發起ajax請求? 數據不是放到域當中了? 使用js的DOM操作來動態操縱元素

調一下位置:

頁面一加載? 我們發起所謂的ajax請求

發起給請求

@("document").ready(function (){

})

@("searchBtn").get

一次性取出數據:

serializable? 序列化表單

得到data的字符串格式

data通過url傳了過去 就不管了

寫controller

響應的是list.do 返回的是Page對象? 需要一個ResponseBody

數據給到前臺 然后前臺渲染即可

java對象->map

js代碼循環實現數據渲染

完成下一頁

頁面刷新執行一次

實現情況:追加不行

點擊分類:實現頁碼復位

實現價格排序

?shiyongshi'yong

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/163475.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/163475.shtml
英文地址,請注明出處:http://en.pswp.cn/news/163475.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Vue3+Ts實現聊天機器人(chatBot-附代碼)

一:項目介紹 本次實驗主要涉及到的技術是 Vue3 Ts,當然其中也有部分是 Vue2 格式的代碼以及 json 和 CSS 布局等。本來是想仿照 文心一言 來開發的一個聊天機器人案例。結果由于時間不足,可能只是做出來了一個半成品。不過核心功能是有的。由…

淺談安科瑞智能照明系統在馬來西亞國家石油公司項目的應用

摘要:隨著社會經濟的發展及網絡技術、通信技術的提高,人們對照明設計提出了新的要求,它不僅要控制照明光源的發光時間、 亮度,而且與其它系統來配合不同的應用場合做出相應的燈光場景。本文介紹了馬亞西亞石油公司智能照明項目的應…

tp8 使用rabbitMQ(2)工作隊列

代碼的參數說明在 第一小節的代碼中,如果需要可移步到第一節中查看 工作隊列 工作隊列(又稱:任務隊列——Task Queues)是為了避免等待一些占用大量資源、時間的操作。當我們把任務(Task)當作消息發送到隊列…

推薦一款png圖片打包plist工具pngPackerGUI_V2.0

png圖片打包plist工具,手把手教你使用pngPackerGUI_V2.0 此軟件是在pngpacker_V1.1軟件基礎之后,開發的界面化操作軟件,方便不太懂命令行的小白快捷上手使用。1.下載并解壓縮軟件,得到如下目錄,雙擊打開 pngPackerGUI.…

《第一行代碼:Android》第三版-2.4.3循環語句 for循環

本節主要講for 循環,主要就是創建個區間,然后用for 來遍歷。 /*** You can edit, run, and share this code.* play.kotlinlang.org*/fun main() {println("Hello, world!!!")for(i in 1..10)//表示 0 到10 但是包括10 ,即數學上的…

使用paddleocr進行OCR文字識別

1 OCR介紹 OCR(Optical Character Recognition)即光學字符識別,是一種將不同類型的文檔(如掃描的紙質文件、PDF文件或圖像文件中的文本)轉換成可編輯和可搜索的數據的技術。OCR技術能夠識別和轉換印刷或手寫文字&…

Python接口自動化測試——如何搭建測試環境

前言 接口測試的方式有很多,比如可以用工具(jmeter,postman)之類,也可以自己寫代碼進行接口測試,工具的使用相對來說都比較簡單,重點是要搞清楚項目接口的協議是什么,然后有針對性的進行選擇&a…

NF是哪個國家品牌?韓國NF-耐福功放芯片介紹

NF是韓國一家專注于數字音頻芯片領域公司旗下的數字功放IC品牌,2008年開始進入中國市場,ISweek工采網作為其代理商;在國內簡稱:韓國NF,又被稱耐福、耐福NTP功放芯片;國內長虹、TCL、海信、小豹AI音箱、騰訊…

大數據-之LibrA數據庫系統告警處理(ALM-37001 MPPDBServer實例Redo日志缺失)

告警解釋 當DN主實例有未同步到DN備實例的xlog日志被刪除時,產生該告警。 告警屬性 告警ID 告警級別 可自動清除 37001 嚴重 是 告警參數 參數名稱 參數含義 ServiceName 產生告警的服務名稱 RoleName 產生告警的角色名稱 HostName 產生告警的主機名…

shell從服務列表中讀取參數并檢查服務

一、shell腳本 #!/usr/bin/env bash# 讀取文檔數據 while read -r line do# 提取服務名和命令service_name$(echo "$line" | awk {print $1})command$(echo "$line" | awk {$1""; print substr($0,2)})#echo "服務名: $service_name"…

SQL進階學習

1.[NISACTF 2022]join-us sql報錯注入和聯合注入 過濾: as IF rand() LEFT by updatesubstring handler union floor benchmark COLUMN UPDATE & sys.schema_auto_increment_columns && 11 database case AND right CAST FLOOR left updatexml DATABA…

Vue3入門組合式 API

Vue3 學習 開發環境 tong ~/Projects/EasyVue3 $ node -v v16.20.1 tong ~/Projects/EasyVue3 $ sw_vers ProductName: macOS ProductVersion: 14.1.1 BuildVersion: 23B81 tong ~/Projects/EasyVue3 $ npm --version 8.19.4 tong ~/Projects/Ea…

selenium 簡單案例 <批量下載文件> <網頁自動化點擊上報>

一、批量下載文件 網頁分析 點擊跳轉到下載頁面 from selenium import webdriver import timedef get_link_list():# 創建瀏覽器對象driver webdriver.Chrome(executable_pathrC:\Users\nlp_1\Desktop\chromedriver\chromedriver-win32\chromedriver.exe)url https://www…

微信報名怎么做_輕松便捷的數字化報名體驗

微信報名:輕松便捷的數字化報名體驗 在這個數字化時代,微信已經成為我們生活中不可或缺的一部分。它不僅僅是一個社交平臺,更是一個功能強大的綜合性工具。其中,微信報名功能更是給我們的生活帶來了極大的便利。本文將詳細介紹微…

Django之cookie和session

文章目錄 Cookie的介紹Cookie的由來什么是CookieCookie原理Cookie覆蓋瀏覽器查看Cookie 在Django中操作Cookie設置Cookie查詢瀏覽器攜帶的Cookie刪除Cookie Cookie校驗登錄sessionSession的由來Session設置查看、更新Session值刪除Session值Seesion的其他方法Session的其他配置…

企業微信機器人:自動化辦公的未來已來!

導語:隨著科技的迅速發展,人工智能已經逐漸滲透到我們的日常生活和工作中。而企業微信機器人的出現,更是開啟了自動化辦公的新紀元。本文將為您詳細解析企業微信機器人的功能、優勢以及如何為企業帶來實質性的價值。 一、企業微信機器人的功…

擴展外部eMMC存儲

By Toradex胡珊逢 簡介 存儲器的嵌入式設備中扮演著重要角色,上面不僅安裝有操作系統,同時也保存著應用程序和運行日志等。對于存儲器如 eMMC,寫入的數據量決定其使用壽命,對于有大量日志記錄的應用,通常可以選用一個…

JavaScript:監聽事件

該方法用于向瀏覽器窗口注冊事件監聽器,當指定的事件(如單擊、按鍵按下)被觸發時,瀏覽器會自動調用指定的函數(回調函數)。 window.addEventListener(event, function, useCapture); 參數說明&#xff1a…

洛谷題單--線性表

P3156 【深基15.例1】詢問學號 鏈接 : 【深基15.例1】詢問學號 - 洛谷 直接輸入&#xff0c;然后輸出a[i]即可; 代碼 : #include<iostream> #include<cstring> #include<algorithm> #include<vector> using namespace std; int main(){int n, q …

請手寫一個發布-訂閱的模式

發布-訂閱模式也是經典的設計模式之一&#xff0c;它在前端很多地方都有應用&#xff0c;比如javascript事件池&#xff0c;Vue的$on、$off&#xff0c;nodejs的events模塊和socket通信等等都有應用&#xff0c;也是前端面試比較火熱的考點之一&#xff0c;接下來給大家詳細介紹…