JQuery 在event handler中取得事件元素

JQuery事件處理器涵式(handler function)中取得目標元素的方式如下。

jQuery UI Autocomplete從Spring Boot Controller取得資料範例

jQuery UI的Autocomplete（欄位自動完成）透過ajax從Spring Boot Controller取得資料範例。

NPM 使用npm install下載jquery套件

在你的專案目錄輸入npm install <package name>便會將指定的套件(package)下載至node_modules目錄中。

使用JQuery.ajax()上傳檔案時加入進度條

在使用jQuery.ajax()非同步上傳檔案時，可以利用在xhr屬性中加入ProgrssEvent的監聽器來達成上傳進度條(progress bar)的效果。

jQuery.ajax() contentType和dataType的差別

每次都忘記特別記錄一下，jQuery.ajax()參數的contentType與dataType的區別如下。

處理弱點掃描DOM Based XSS問題，jQuery html() 的參數為整個jsp頁面

jQuery html()有潛在XSS攻擊(跨網站指令碼攻擊)的風險，請參考這篇。

處理弱點掃描XSS問題jQuery append() 的做法

jQuery append()有潛在XSS攻擊(跨網站指令碼攻擊)的風險，例如下面append()的參數會被執行。

JavaScript window.onload 和 jQuery $(document).ready() 的差異

在撰寫頁面的JavaScript或jQuery時，通常會利用window.onload事件或$(document).ready()事件來確保DOM完全載入，不過兩者仍有以下差異。

jQuery 選取同時有多個class的元素

jQuery selector可選取一個只同時有多個class的元素。

jQuery 選取多個元素

jQuery selector 可以選擇多個元素，當需要對多個元素進行同樣的操作時非常方便。

在jQuery Validation 加入自訂規則

在jQuery Validation套件加入自訂規則(custom rules)的方法如下。

jQuery 取消onclick事件

若要取消onclick事件觸發的function，可使用以下

如何在jQuery中加入自訂的function

在jQuery中若要加入自訂的function，可使用jQuery.fn.extend()。

Spring MVC 前端ajax傳送json資料至Controller

今天從前端利用jQuery ajax傳送json資料至Spring MVC的Controller時，出現以下錯誤

jqGrid 清除內容

jqGrid清除內容的語法為$('#gridTable').jqGrid("clearGridData");

jQuery 在jqGrid的欄位中加入按鈕

在jqGrid的列表中如要加入按鈕，可使用Custom Formatter。

jQuery 選取child element 子元素

jQuery如要選取某個元素的child element（子元素），可以使用jQuery( selector [, context ] )。

jQuery document ready

要用JavaScript操縱網頁的DOM元素時，必須等網頁完全載入後才可安全地進行操作，而要確保網頁載入，可使用jQuery的$( document ).ready()。

Spring MVC Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported for @RequestBody MultiValueMap

當使用jQuery.ajax()呼叫Spring MVC Controller的方法時，如果該方法的參數有@RequestBody則會拋出下面錯誤。

org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/x-www-form-urlencoded' not supported

jqGrid 顯示列數

jqGrid如要在結果的資料表顯示列數，則將rownumbers設為true，這樣在jqGrid的資料表最前面會自動加上一欄列數。