美文网首页
vue学习--前端交互(一、交互模式)

vue学习--前端交互(一、交互模式)

作者: 若能遇见 | 来源:发表于2020-04-12 20:26 被阅读0次

1 接口调用方式

  • 原生ajax
  • 基于jQuery的ajax
  • fetch
  • axios

2 URL地址格式

2.1 传统形式的URL

  • 格式:schema://host:port/path?query#fragment
    ① schema:协议,例如http、https、ftp等。
    ② host:域名或者IP地址。
    ③ port:端口,http默认80端口,可以忽略。
    ④ path:路径,例如/abc/a/b/c。
    ⑤ query:查询参数,例如uname=lisi&age=12。
    ⑥ fragment:锚点(哈希Hash),用于定位页面的某个位置。

2.2 Restful形式的URL

  • HTTP请求方式
    ① GET 查询
    ② POST 添加
    ③ PUT 修改
    ④ DELETE 删除

相关文章

  • axios

    axios vue的 ajax(前端页面和后台数据做交互)。

  • axious

    axios: vue ajax 前端页面和后台数据进行交互 json vue 库

  • 现代前端交互框架

    MVC模式 MVP模式 MVVM模式 数据变更监测机制 Virtual DOM交互模式 前端MNV*时代 前端 M...

  • Vue+webpack 构建前端页面初探

    前言:本文适合后端同学快速了解基于vue的前端开发 Vue 学习成本:一周Vue是一个js框架,承担和dom交互的...

  • 1-观察者模式与发布订阅“模式”

    一、观察者模式 观察者模式在前端工程中是很常见的设计模式,因为前端交互中充斥着大量多控件联动的交互,当参与联动的组...

  • Vue2+Express+MySQL构建前后端分离项目

    需要用到 前端:Vue-cli 快速构建项目,开发前端页面Vue-Resource 与后端交互后端:Node ...

  • 前端交互模式演变

    从纯JS操作DOM,到JQuery,Angular,再到现在流行的Vue,React,前端交互模式也从0到1,从M...

  • vueJS使用leadcloud数据存储

    vue前端使用leadcloud数据存储,实现纯前端+leadcloud进行数据交互,无需server端,轻松实现...

  • 2018-09-25

    axios: vue ajax 前端页面和后台数据进行交互 jsonvue 库

  • 2018-09-25 axios

    vue ajax 前端页面和后台数据进行交互 jsonvue 库下载:npm install axio...

网友评论

      本文标题:vue学习--前端交互(一、交互模式)

      本文链接:https://www.haomeiwen.com/subject/fjtomhtx.html