Ajax 技術應用

先回看 模態框的使用

js比較薄弱

如上 比如這部分

加粗樣式

如下 是BOM窗口對象

**

js最薄弱 建議在瀏覽器練習

** confirm方法

跳轉練習

新疑問:怎么分辨js,jQuery和jsp代碼 與其實現應用

插入小點

**

延申說法 client客戶端發送請求 (客戶端層面)是client前端頁面層

**

**

重要知識點補回來 提要:冒泡排序和正則表達式(可能需要用到js)

**

用于初始化

目的 為了規范日期

引入

自己學著加入一個新的js功能 下拉 日期datetimepicker

可能存在的問題

今晚學著自己去加入 失敗了 再看碼云上的源碼 試試脫離老師寫代碼

新要求

結束

現在看Hi現場源碼

新功能

錯過了下 只能核對碼云源碼了

實現state狀態超時變成0 變成失效

1.dao層

數據層

2.Service業務邏輯層

**

自己開始導包

**

添加state狀態 過時變成0 失效

1.controller層 html 客戶端層面

controller無改動

html

Insert title here

The Activity Page

創建活動 titleCategoryStartTimeEndTimeStateOperation

					delete

×

創建活動

標題 類型 教育培訓企業活動交友活動 開始時間 結束時間 備注 Close Save Changes

2.dao層與mapper

@Update("update tb_activity set state=0 where id=#{id}") int updateState(Long id);

insert into tb_activity (title,category,startTime,endTime,remark,state,createdUser,createdTime) values (#{title},#{category},#{startTime},#{endTime},#{remark},#{state},#{createdUser},now())

3.service層

接口無變動

doSaveActivity

@Override

public int saveActivity(Activity entity) { int rows=activityDao.insertObject(entity); System.out.println("saveActivity.threadName="+Thread.currentThread().getName()); //??????

//開啟活動倒計時(活動到了結束時間應該將其狀態修改為0) //方案:(自己嘗試) //1)Java 官方:

//1.1)Timer

//1.2)ScheduledExecutorService

//2)借助第三方的任務調度框架(任務調度框架,quartz) //方案1:Timer應用

//1.1構建Timer對象

Timer timer=new Timer();//此對象可以負責去執行一些任務(這個對象內置一個線程和一個任務隊列) //1.2啟動線程執行任務

timer.schedule(new TimerTask() {//TimerTask為任務

@Override

public void run() {//一旦調用此任務的線程獲得了CPU就會執行這個任務的run方法

System.out.println("updateState.threadName="+Thread.currentThread().getName()); System.out.println("執行任務..."); activityDao.updateState(entity.getId()); } }, entity.getEndTime());//按指定時間執行任務. return rows; }

4.html頁面看效果

pojo

activity.java

修正日期格式

@DateTimeFormat(pattern = "yyyy-MM-dd")

這里不對 先注釋了

修改

//Spring MVC基于@DateTimeFormat指定的日期格式接收客戶端提交數據,假如沒有指定默認為yyyy/MM/dd

@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm") private Date startTime; /** 活動結束時間 */

@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm")

頁面效果

如上兩圖 以實現 晚上自己對代碼復刻一遍

自己操作一下

有注解后 由系統底層去賦予相應的東西

Ajax

Ajax入門案列

總結 自己回看

開始創建項目

**AJAX相關

加js函數

步驟

2.創建controller層

錯誤示范

對應回客戶端層

3.頁面 客戶端層面實現

插入小點 span

4.再次深入拓展

原理

客戶端層

controller層

第三步 建立連接處的同步與異步處理

實現了按鈕與span框的異步更新

controller層的模擬休眠處理

3秒耗時操作

(1)異步處理 true

不同線程 看誰先打印 console在主線程

如上圖 凸顯了異步操作

(2)同步處理 false

結果

上面是同步和異步的點!!!

本文地址：https://blog.csdn.net/qq_43765881/article/details/107854432

總結

以上是生活随笔為你收集整理的ajax结合java,ajax技术应用详细分析（后端java与客户端请求的结合）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。