ajax接口文檔url路徑的簡寫實例
大家好,不知道各位小伙伴在寫項目時向服務器發(fā)送ajax請求的時候,在url地址上每寫一個分頁路徑時前面都要加上項目的請求根路徑而感到繁瑣,下面我就為大家介紹一種簡便的方法直接寫分頁路徑就行了。
我們先來看一段代碼 :
$.ajax({ method: "get", url: "http://api-breakingnews-web.itheima.net/my/userinfo", success: res => { console.log() } })
以上我用的是Jquery方法向服務器發(fā)送請求的方式,里面的url地址
http://api-breakingnews-web.itheima.net/my/userinfo
是由項目的請求根路徑http://api-breakingnews-web.itheima.net和分頁路徑/my/userinfo組成的
我們只需要新建一個js文件,在里面寫入以下代碼:
//設置請求根路徑 $.ajaxPrefilter(options => { options.url = "http://api-breakingnews-web.itheima.net" + options.url; })
其中http://api-breakingnews-web.itheima.net就是項目的根路徑,當然,不同的項目根路徑都不一樣,我只是做個示例,你們在寫的時候只需要把根路徑換成你們項目的請求根路徑就可以了。這個代碼是建立在Jquery的 基礎上的,所以要先引入Jquery,引入順序如下:
<script src="./assets/lib/jquery.js"></script> <script src="./assets/js/bassApi.js"></script> <script src="./assets/js/index.js"></script>
其中第一個是Jquery.js文件,第二個是我們新建的js文件,第三個是我們項目分頁的js文件,順序不能換,不然就沒有效果了,這三個文件都要在項目分頁的html文件底部引入,如下圖
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body class="layui-layout-body"> <!-- 導入相關的JS文件 --> <script src="./assets/lib/jquery.js"></script> <script src="./assets/js/bassApi.js"></script> <script src="./assets/js/index.js"></script> </body> </html>
總結
到此這篇關于ajax接口文檔url路徑簡寫的文章就介紹到這了,更多相關ajax接口文檔url路徑內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
Ajax獲取php返回json數(shù)據(jù)動態(tài)生成select下拉框的實例
今天小編就為大家分享一篇Ajax獲取php返回json數(shù)據(jù)動態(tài)生成select下拉框的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08AJAX開發(fā)技術在PHP開發(fā)中的簡單應用技巧
AJAX無疑是2005年炒的最熱的Web開發(fā)技術之一,當然,這個功勞離不開Google。我只是一個普通開發(fā)者,使用AJAX的地方不是特別多,我就簡單的把我使用的心得說一下。(本文假設用戶已經(jīng)具有JavaScript、HTML、CSS等基本的Web開發(fā)能力)2010-04-04React+ajax+java實現(xiàn)上傳圖片并預覽功能
這篇文章主要介紹了React+ajax+java實現(xiàn)上傳圖片并預覽功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05springmvc 結合ajax批量新增的實現(xiàn)方法
這篇文章主要介紹了springmvc 結合ajax批量新增的實現(xiàn)方法,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-11-11使用Ajax方法實現(xiàn)Form表單的提交及注意事項
這篇文章主要介紹了使用Ajax方法實現(xiàn)Form表單的提交及注意事項,需要的朋友可以參考下2017-07-07