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方法一起构成了后端的接口。