zoukankan      html  css  js  c++  java
  • 前端提供一个接口或者调用后台接口,这个接口具体指什么

    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

     

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

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

  • 相关阅读:
    Reverse Linked List
    Sqrt(x)
    Convert Sorted Array to Binary Search Tree
    Remove Linked List Elements
    Happy Number
    Length of Last Word
    Pow(x, n)
    Rotate Image
    Permutations
    Integer to Roman
  • 原文地址:https://www.cnblogs.com/xiaocaiyuxiaoniao/p/8215629.html
Copyright © 2011-2022 走看看