ajax 我給你一個例子
(function () { var timing = null; console.log($(".name").length) timing=setInterval(function () { $.ajax( { type: "post", url: "http://t1.loocha.cn:9880/link/anchor/finalcompetitor?activityId=40987", data: {}, dataType: "jsonp", callback: "test", success: function (data) { } } ) },400) })(window)
在上面的ajax請求中 url:添加的是由后台人員給的接口文件 一般是json格式的數據
網上用戶上傳圖片作為頭像 這個需求需要后台人員處理
當用戶登錄 修改自己個人信息的時候 上傳了頭像
此時 后台處理該用戶update個人信息 將該圖片存入數據庫 一般存的都是圖片地址 string形式的數據
然后 要返回到前台的時候
后台人員需要對這些用戶的個人信息進行處理 不只是頭像 還有一些別的信息
后台通過語言編譯 生成json格式的鍵值對(一般是json 還有xml txt 等數據格式)
生成一個地址也就是url
前台人員利用ajax
將返回的data顯示到頁面就好了
目前我這段代碼 會返回一個image
具體
$(".imga").eq(i).css("background-image", "url(http://t1.loocha.cn:8080" + data.users[i].avatar + ")"); //頭像
一般都是圖片地址
ajax里的url就是前端提供的接口嗎?
這句應該說是后端提供的接口。
第二句對。
接口一般都是后端提供的,因為接口就是一個url,url指向服務器的某個文件。
接口一般是返回一個json或者txt或者xml
后端提供接口,比如你登錄,就把登錄的賬號,密碼發送到后端的某個控制器的某個方法……后端的程序拿到前端提交的用戶名和密碼后,拿去和數據庫里面的值做比對。並把結果返回給你……比如成功會怎么樣?密碼錯誤,用戶名不存在這些要么返回狀態碼,要么直接給你一段文本,多數情況下都會給。
+++++++++++++++
第二個問題,圖片不是接口,而是靜態的資源。圖片預覽的功能,通常是在一個表單中,上傳了一個圖片,這個時候就已經開始使用接口來處理這個圖片,比如將圖片重命名,並放到服務器的某個目錄中……再將資源的地址返回給你。然后拿到這個地址,就可以再頁面上展示這個圖片了。實現圖片的上傳預覽。
當然,有同學想要使用直接讀取本地資源的方法來實現預覽,可以是可以,但是兼容性太煩,遠遠沒有這種方式簡單。
-
接口一般指的是HTTP接口,也可以說是HTTP API。
-
接口由后端提供,前端調用后端接口以獲取后端數據。
-
接口由URL和HTTP方法構成,URL為接口的地址,HTTP方法指的是GET, PUT, DELETE等等。
例如: 使用瀏覽器訪問某個圖片: https://fundebug.com/assets/images/logo/fundebug.jpg, 實際上是給服務器發了一個GET請求。圖片屬於靜態資源,使用GET方法可以自動獲取。
關於你的問題:
-
ajax里的url以及HTTP方法一起構成了后端的接口。
-
圖片地址以及GET方法一起構成了后端的接口。