1. ajax模版
application/x-www-form-urlencoded:
application/json:
通過上面例子發(fā)現(xiàn)，結(jié)構(gòu)簡單的時候formdata數(shù)據(jù)更簡單，結(jié)構(gòu)復(fù)雜的時候(array)JSON數(shù)據(jù)更簡單。
題目問到Java接口，應(yīng)該分三種情況。
如果是JSP等服務(wù)器端模板技術(shù)，再加上一些jQuery AJAX。POST的時候，默認contentType都是application/x-www-form-urlencoded?？筛某蒩pplication/json，看自己。
如果用前端框架，Angular、React、Vue。POST的時候，默認contentType都是application/json。建議用JSON，別改。JSON就是JS的一個子集，既方便JS解析，也方便人讀。
Java服務(wù)器端對其他服務(wù)器端通信。其實更建議用XML，特別是和第三方服務(wù)通信的時候。如果公司內(nèi)部自己的幾個Java服務(wù)通信，用JSON就好。
現(xiàn)在Java Web開發(fā)，最常見的是上面第2種情況。所以，當用Spring MVC的時候，建議用@RestController
如果用@Controller，需要這么寫：
如果用@RestController，不需要寫@ResponseBody，也不需要指定consumes和produces類型，默認都是application/json。可以簡化成這樣：
2. ajax模板
顧名思義，這是一個模板。比如需要ajax刷新一個列表，以前的做法是后端生成html返回，或者前端用DOM構(gòu)建后加入，但現(xiàn)在有了template標簽，html的架構(gòu)就不需要程序管了，只需要在特定的位置加入ajax請求到的數(shù)據(jù)即可，比如img的src或者其他text之類的，然后clone這個DOM，加入列表。其實許多人以前也應(yīng)該做過類似的事情，把一段html隱藏起來，然后clone它并修改里面的屬性或者內(nèi)容，得到一個DOM，加入列表并顯示，用來刷新ajax列表。
3. ajax modelandview
萬變不離其宗：
橫向切割業(yè)務(wù)/功能，縱向切割技術(shù)層。
先從功能出發(fā)把 site.js 分成多個獨立的模塊
：如果 site.js 只用在一個頁面上，就按照頁面上的功能拆分成模塊；又或者 site.js 用在多個頁面中，可以將 site.js 拆分成一對一頁面的入口小模塊，這些頁面之間可能有相似的模塊，這些模塊也單獨拆出來，入口模塊放置每個頁面單獨的邏輯，并組織共享的模塊。以一個聊天工具為例，可以拆解為：雖然是平行放置的，但組件是有層次的，小組件功能獨立，大組件負責初始化和組合小組件。再從技術(shù)架構(gòu)的角度將代碼劃分為多個層次
：注意，并不是所有的項目都需要劃分層次，可以按照項目的大小和復(fù)雜程度劃分層次。項目越復(fù)雜就越需要注意將代碼劃分成不同的層次，而簡單的項目就沒有必要了，甚至代碼都不用放在不同的文件。技術(shù)分層的方案就是 MVC，不管你或者流行的框架如何解讀 MVC，MVC 是一種以不變應(yīng)萬變的架構(gòu)。例如：components
就放著 View + Controller，View 和 Controller 相對來說聯(lián)系是比較緊密的，可以放在一起：chat.js 主要用來初始化其他模塊，綁定事件，處理事件，充當 Controller
style.css 樣式，沒什么可說的
view.html 放著模板，業(yè)務(wù)簡單的話，也可以去掉 view.html 直接在 chat.js 中拼接字符串
model
：如果項目簡單這里放的就是和服務(wù)器端進行數(shù)據(jù)交互的部分，比如 Ajax 請求等。如果項目復(fù)雜的話，可以分成兩層 Ajax 請求和 Model（View Model 或者數(shù)據(jù)集中管理的地方）。這部分很可能在很多 component 都會用到，所以可以獨立。router
：不多說，如果你的項目復(fù)雜到一定程度，有 router 的話，這是單獨放置的。單獨說說 component：
一個模塊基礎(chǔ)組成：config：配置，來自源全局，或者來自于父組件
state：自身的狀態(tài)，比如是聊天是通暢還是短線了，其他方法運行的過程中需要這些狀態(tài)來判斷進一步的操作
bindEvents：可以把大堆大堆的 $ 選擇綁定事件的代碼都放在這里
eventHandler：很多事件處理器
modifyView：很多對視圖更改
每個層都會有很多模塊，這些模塊又是按照業(yè)務(wù)/功能切分的。
工具篇：
切分原則都有了，工具的選擇也沒什么難的。項目不復(fù)雜，不重要，模塊拆下來之后也不多，那可以用像 RequireJS，Sea.js 這樣的加載器。主要就是處理下 JS 的模塊化。直接擼了之后，壓縮下，也不用合并，就在線上跑著也沒啥問題。
項目復(fù)雜，重要，模塊多，那可以用用 browserify，使用 CommonJS，來組織代碼（也可以繼續(xù)使用 RequireJS，生態(tài)和工具還可以）。上線的時通過工具做好合并壓縮。
如果你采用的非常標準的模塊化開發(fā)，即每個模塊都有獨自的模板、Controller、樣式、圖片，那用 webpack 吧，webpack 的優(yōu)勢就如它的名字一樣，不是 js bundle，不是js loader，是 webpack，即其他資源也可以幫你打包處理好，這對于全模塊化開發(fā)來講就爽多了。不用想該怎么組織除了 JS 之外的資源。
4. ajax模型
回答這個問題，需要從兩方面回答MVC獲取傳遞的數(shù)據(jù)所用的方法都在這個接口中（從url中獲取數(shù)據(jù)or表單獲取數(shù)據(jù)or路由路徑中獲取數(shù)據(jù)。。。）：IValueProvider獲取到數(shù)據(jù)后，對數(shù)據(jù)進行綁定的方法都在這個接口中：IModelBinder。MVC提供的默認綁定類：DefaultModelBinder。如果你想了解具體的代碼，可以對其進行反編譯
5. ajax模板引擎
前臺導(dǎo)航一般都是用模板頁做的，因為導(dǎo)航都是在前臺，，所以前臺頁面很少有iframe，frame，所以導(dǎo)航都是用HTML里的模板頁做，JSP的Include也湊合，不過沒有模板頁好做，至于樣式，網(wǎng)上有的是，推薦Jquery的導(dǎo)航插件。后臺導(dǎo)航，大多為TreeView樣式，后臺最簡單的用frame做，如果你會Ajax的話用DIv就可以.
6. ajax格式及用法
1. jQuery的Ajax功能可以用來發(fā)送異步的HTTP請求，并且可以在不重新加載整個頁面的情況下更新頁面的部分內(nèi)容。
2. jQuery的Ajax功能可以通過HTTP GET或POST方法發(fā)送請求，可以接受XML、HTML、JSON、script和text等格式的數(shù)據(jù)。
3. jQuery的Ajax功能可以讓開發(fā)者更容易地處理Ajax事件，比如處理請求成功、失敗、完成等事件，從而更容易地實現(xiàn)異步數(shù)據(jù)交互。
7. ajax官方文檔
Ajax是AsynchronousJavascriptandXML（以及DHTML等）的縮寫。這個短語是AdaptivePath的JesseJamesGarrett發(fā)明的，按照Jesse的解釋，這不是個首字母縮寫詞。
下面是Ajax應(yīng)用程序所用到的基本技術(shù)：
HTML用于建立Web表單并確定應(yīng)用程序其他部分使用的字段。
Javascript代碼是運行Ajax應(yīng)用程序的核心代碼，幫助改進與服務(wù)器應(yīng)用程序的通信。
DHTML或DynamicHTML，用于動態(tài)更新表單。我們將使用div、span和其他動態(tài)HTML元素來標記HTML。
文檔對象模型DOM用于（通過Javascript代碼）處理HTML結(jié)構(gòu)和（某些情況下）服務(wù)器返回的XML。
我們來進一步分析這些技術(shù)的職責。以后的文章中我將深入討論這些技術(shù)，目前只要熟悉這些組件和技術(shù)就可以了。對這些代碼越熟悉，就越容易從對這些技術(shù)的零散了解轉(zhuǎn)變到真正把握這些技術(shù)（同時也真正打開了Web應(yīng)用程序開發(fā)的大門）。
我有一些這方面的資料
有需要可以聯(lián)系
8. ajax網(wǎng)站模板
1. Mojo使用手冊是一本指南，幫助用戶更好地使用Mojo Web框架。
2. 原因是Mojo是Perl中一個強大的Web框架，它使用了許多現(xiàn)代化的Web技術(shù)，例如WebSockets、HTTP/2和WebRTC。理解怎樣使用它，可以幫助開發(fā)者更快、更高效地構(gòu)建Web應(yīng)用。
3. 內(nèi)容延伸包括：如何創(chuàng)建Web應(yīng)用、如何渲染模板、如何處理WebSockets和AJAX請求等。
4. 具體步驟：
a. 安裝Mojo：在終端輸入命令 "sudo cpan Mojolicious" 進行安裝。
b. 創(chuàng)建一個Mojo應(yīng)用程序：在終端進入一個新的目錄，然后輸入 "mojo generate app Myapp" 命令。這將創(chuàng)建一個名為 Myapp 的新Mojo應(yīng)用程序。
c. 編寫路由：在Myapp的lib/Myapp.pm 文件中編寫路由，定義處理不同URL請求的方法。
d. 編寫模板：在Myapp的templates/目錄中創(chuàng)建并編寫模板文件，以呈現(xiàn)網(wǎng)頁內(nèi)容。
e. 運行應(yīng)用程序：在終端輸入 "perl Myapp" 命令，然后在Web瀏覽器中打開 http://localhost:3000 ，即可訪問本地主機上的Myapp應(yīng)用程序。
f. 處理WebSockets和AJAX請求：在路由中定義處理WebSocket和AJAX請求的方法，并使用Mojolicious::Controller對象與前端交互。
5. 按數(shù)字順序劃分段落，使內(nèi)容更加清晰明了。
9. ajax模式
AJAX = 異步 Javascript 和 XML。 AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。 通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。 傳統(tǒng)的網(wǎng)頁（不使用 AJAX）如果需要更新內(nèi)容，必需重載整個網(wǎng)頁面。 同步：腳本會停留并等待服務(wù)器發(fā)送回復(fù)然后再繼續(xù) 異步：腳本允許頁面繼續(xù)其進程并處理可能的回復(fù) ps(交互模型就是Ajax在Browser端引入一個執(zhí)行引擎，它一邊應(yīng)付user的請求，一邊把某些必須交給服務(wù)器處理的東西背地里傳送給服務(wù)器，同時背地里把結(jié)果準備好（接受服務(wù)器端的數(shù)據(jù)），展現(xiàn)給客戶的技術(shù)模式。Ajax增強了用戶的操作性。 而同步就是整個頁面都刷新，異步就是只刷新用了Ajax技術(shù)的部分) 跨域問題簡單的理解就是因為JS同源策略的限制，a.com域名下的JS無法操作b.com或c.a.com下的對象 http://blog.sina.com.cn/s/blog_49fa034d0101gg49.html
