jQuery下的ajax實例

關於ajax的詳細介紹我就很少說了，對ajax徹底不瞭解的能夠先查看官方文檔學習一些基礎的。

我想經過這個的實例，直接說一下在真實項目中是如何使用ajax、而且去實現對後臺接口的請求和處理請求到的數據。

相信不少前端小白和我以前同樣，對ajax無從下手，把文檔看了一遍又一遍以後似懂非懂的，到了真正的項目之中仍是不知道該怎麼去使用它。

當你使用jQuery作項目開發的時候，就能夠直接用jQuery庫封裝好的$.ajax()來調用ajax了，而不是像原生的那樣很是繁瑣。

項目實例：

使用$.ajax()請求後臺數據、並展示視頻信息詳情頁的右邊課程須知等內。

一、本實例使用jQuery 3.3.1類庫：

 

二、下面是對應HTML文件的部分代碼：

前端中全部手寫的數據都是假數據，方便於前端樣式的調試，聯調後後臺數據會覆蓋掉這些假數據；

三、下面是後臺開發人員給個人數據接口以及相對應的參數：

先後端分離式開發，後端提供接口、前端負責數據渲染。這個接口信息有：

　　請求方式爲get、請求接口帶參數爲video_id(這裏的1是用於測試的隨機數)、

　　請求地址就是url後面的那一串，其實不用管，直接複製就行。

四、說了那麼多，直接請求就下面這幾段！

像這樣就完成了一個ajax請求了，然鵝這些都是一個套路直接套用就好，難的是回調函數裏面的內容。

jQuery和vue同的是它須要經過操做dom元素去渲染頁面，相對有些複雜。

這個實例是我項目中$.ajax()請求的一小部分，可是思路大概就是這個樣子，jQuery中很大程度上簡化了AJAX的開發，實現頁面無刷新從服務器獲取數據。

更多前端問題歡迎加羣討論~把不懂的問題和bug發出來一塊兒討論讓你們也一塊兒學習：854656221（web前端交流羣）