码迷,mamicode.com
首页 > 其他好文 > 详细

前端提供一个接口或者调用后台接口,这个接口具体指什么

时间:2018-01-07 00:49:44      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:min   string   图片   jsonp   body   更新   alt   deb   lis   

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 + ")");
                        //头像

一般都是图片地址

2

ajax里的url就是前端提供的接口吗?
这句应该说是后端提供的接口。

第二句对。

接口一般都是后端提供的,因为接口就是一个url,url指向服务器的某个文件。

接口一般是返回一个json或者txt或者xml

0

后端提供接口,比如你登录,就把登录的账号,密码发送到后端的某个控制器的某个方法……后端的程序拿到前端提交的用户名和密码后,拿去和数据库里面的值做比对。并把结果返回给你……比如成功会怎么样?密码错误,用户名不存在这些要么返回状态码,要么直接给你一段文本,多数情况下都会给。
+++++++++++++++
第二个问题,图片不是接口,而是静态的资源。图片预览的功能,通常是在一个表单中,上传了一个图片,这个时候就已经开始使用接口来处理这个图片,比如将图片重命名,并放到服务器的某个目录中……再将资源的地址返回给你。然后拿到这个地址,就可以再页面上展示这个图片了。实现图片的上传预览。
当然,有同学想要使用直接读取本地资源的方法来实现预览,可以是可以,但是兼容性太烦,远远没有这种方式简单。

0
  1. 接口一般指的是HTTP接口,也可以说是HTTP API。

  2. 接口由后端提供,前端调用后端接口以获取后端数据。

  3. 接口由URL和HTTP方法构成,URL为接口的地址,HTTP方法指的是GET, PUT, DELETE等等。

例如: 使用浏览器访问某个图片: https://fundebug.com/assets/images/logo/fundebug.jpg, 实际上是给服务器发了一个GET请求。图片属于静态资源,使用GET方法可以自动获取。

关于你的问题:

  1. ajax里的url以及HTTP方法一起构成了后端的接口。

  2. 图片地址以及GET方法一起构成了后端的接口。

前端提供一个接口或者调用后台接口,这个接口具体指什么

标签:min   string   图片   jsonp   body   更新   alt   deb   lis   

原文地址:https://www.cnblogs.com/xiaocaiyuxiaoniao/p/8215629.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!