前端開發拿數據頁面實時更新是離不開Ajax這個技術的 AJAX即“Asynchronous Javascript And XML”(非同步JavaScript和XML),是指一種創建互動式網頁應用的網頁開發技術。 ps:非同步的javascript和XML技術,可以在不刷新重載整個網頁情況下更新部分頁面 ...
前端開發拿數據頁面實時更新是離不開Ajax這個技術的 AJAX即“Asynchronous Javascript And XML”(非同步JavaScript和XML),是指一種創建互動式網頁應用的網頁開發技術。 ps:非同步的javascript和XML技術,可以在不刷新重載整個網頁情況下更新部分頁面內容,讓靜態的頁面前端變成動態的,開發更NB了,不過AJAX本身和web或JAVA沒關係, 它是獨立的一項技術,核心是利用XMLhttprequest這個對象來進行的,AJAX 在瀏覽器與 Web 伺服器之間使用非同步數據傳輸(HTTP 請求) 一般傳輸方法為get或post,一般需要提交數據的用post方法,如表單,正常get方法就可以了 這是官方解釋: AJAX = 非同步 JavaScript和XML(標準通用標記語言的子集)。(現在一般都是用json這種輕量級的數據交換格式了,拿到js,文件也好編譯,xml很少了) AJAX 是一種用於創建快速動態網頁的技術。 通過在後臺與伺服器進行少量數據交換,AJAX 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下,對網頁的某部分進行更新。 傳統的網頁(不使用 AJAX)如果需要更新內容,必須重載整個網頁頁面。 我自己接觸過用ajax的話,包括它的原生js,jquery里的$ajax方法,框架里angular,vue的$http.get().then()等方法,用途很廣的!所以很重要,用個本地category.json文件舉例。如
ajax:function () {
$.getJSON("json/category.json",function (dba) {
runing(dba.data);
});
},
//調用runing
function runing(dba){
console.log(dba)
//這個dba參數就是ajax請求回來的
}