首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

都0202年了,你还不会前后端交互吗

文章目录 一、后端 API 服务搭建 二、原生 ajax 2.1 不带参数的 get 请求 2.2 带参数的 get 请求 2.3 带参数的 post 请求 2.4 get 请求返回 json 数据 三...4.1 axios 的基本使用 4.2 axios 常用 API 4.2.1 get 请求 4.2.2 post 请求 出了点小 bug, 为啥后面的 post 请求, Flask 都接收不到 一、...后端 API 编写 @app.route("/ajax/post",methods=['POST']) def post(): # Flask 获取 post 参数 uname = request.form.get...}, pwd:{pwd}" 后端响应 前端 js // 带参数的 post 请求 $.ajax({ url: "http://127.0.0.1:3000/ajax/post", type...axios 是一个基于 Promise 用于游览器和 node.js 的客户端 它具有以下特征 支持游览器和 node.js 支持 promise 能拦截请求和相应 自动转换 JSON 语句 4.1

1.8K21

RESTful API接口设计规范与最佳实践

这是因为RESTfull本身既然是一种设计风格,那么风格发挥的主动权自然就是在开发者身上,而且绝大多数的项目所开发的API接口都是对内或者有限对外开放的,所以对于RESTfull的实践是否合格更多取决于内部团队老大的看法...这里我个人觉得有一部分原因是同行衬托,RESTfull基于HTTP协议,采用json格式的字符串作为传输内容,相对于过去的SOAP协议,采用XML格式标记语言来说,RESTfull无论从开发成本或者网络传输来说都显得轻量太多太多...我们可以从开局的几个问题入手来尝试评判下相应的接口设计是否很好的遵循了RESTfull风格设计。 Part2为什么接口只设计了GET和POST两种请求方法类型?...POST 请求可能会导致新的资源的建立和/或已有资源的修改 3 PUT 从客户端向服务器传送的数据取代指定的文档的内容 4 PATCH 是对 PUT 方法的补充,用来对已知资源进行局部更新 5 DELETE...从这里的示例可以看出,在不遵循RESTfull风格设计的情况下我们难免需要在接口URL地址中增加一些描述性的单词,这会导致路由接口地址变得很冗长和不够优雅,当然如果你觉得这不是什么问题那也是没错的,对,

1.2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    PHP面试题,面试必看!

    post提交时,必须传入{{ csrf_field() }} 4.Laravel 的社区很强大,具有丰富的扩展包及工具 5.具有缓存、身份验证、任务自动化、hash加密、事务等功能 6.独特的 ....env环境文件,方便了系统的配置和不同平台的开发 ==Lavarel缺点==: 1.基于组件式的框架,所以比较臃肿 ==CodeIgniter简单介绍==:CodeIgniter 是一套小巧但功能强大的...在分布式和以及大型文件存储方面具有传统关系型数据库无法比拟的优势。 什么是Cookie,什么是Session?...答: 1. get是从服务器上获取数据,post是向服务器传送数据。 2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。...post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 3.

    2K20

    Restfull API

    什么是Restfull API Restfull API 从字面就可以知道,他是rest式的接口,所以就要先了解什么是rest rest 不是一个技术,也不是一个协议 rest 指的是一组架构约束条件和原则...行为有4种常用的:查看、创建、编辑、删除 rest的提出者很巧妙的利用http现有方法来对应这4种行为: GET - 查看 POST - 创建 PUT - 编辑 DELETE - 删除 为什么用...Restfull API 例如常用的MVC结构中,前后端的融合还是比较紧密的,用户访问一个网址,例如 http://test.com/a.php,请求先发送到动态php处理,php中处理逻辑,然后使用页面模板来输出显示给用户...服务,实现前后端分离 再比如在一个大型系统中,可能是多种开发语言一起工作,使用 RESTful API 就可以完全不关心开发语言,以标准的接口来协同工作 Restfull API是怎么定义的 下面通过几个示例了解下...Restfull API的定义方式 (1)查看所有任务 GET http://test.com/tasks (2)新建一个任务 POST http://test.com/tasks Data:

    91490

    【易错概念】RESTful, RPC, Webservice,RMI定义

    Rest架构的主要原则: 网络上的所有事物都被抽象为资源 每个资源都有一个唯一的资源标识符 同一个资源具有多种表现形式(xml,json等) 对资源的各种操作不会改变资源标识符 所有的操作都是无状态的...REST使用HTTP+URI+XML /JSON 的技术来实现其API要求的架构风格:HTTP协议和URI用于统一接口和定位资源,文本、二进制流、XML、JSON等格式用来作为资源的表述。...就像URL都是URI(统一资源标识)的表现形式一样,RESTful是符合REST原则的表现形式。...2.4 Webservice接口 Web Service接口实际上就是RPC调用的一种实现,只考虑RPC的stub层实现, soap restfull都是固定走HTTP/HTTPS, 都有定义了自己的规则和实现...参考WebService的概诉 Web Service框架图: 通常我们经常说的WebService就是soap webService,所以很多文章在没restfull api没流行的时候直接用soap

    3.1K70

    CI基础知识二

    4.安全 $this->input->post();//类似$_POST $this->input->cookie();//类似$_COOKIE $this->input->server();/.../类似$_SERVER $this->input->post(‘some_data’, TRUE);//可以取得的数据经过跨站脚本过滤 5.输出类 $this->output->set_output...->helper(‘url’); site_url()站点的URL base_url()返回config设定的base_url current_url()返回当前正在查看的页面的完整URL uri_string...()返回任何包含了函数的页面URI(域名之后的部分) anchor()创建基于站点的URL的标准链接地址 第一个参数包含你想附加到URL的任何段.像上面的site_url() 函数一样,段可以是字符串或数组...注意: 如果你创建在应用程序内部的链接没有包含基本URL(http://…),这个参数会从你配置文件信息中自动加载。 只需要写上你的 URL 分段即可。

    1.2K50

    crudapi 无需编程生成CRUD增删改查RESTful API

    RESTfull API REST(英文:Representational State Transfer,简称REST)描述了一个架构样式的网络系统,比如 web 应用程序。...值得注意的是REST并没有一个明确的标准,而更像是一种设计的风格通过RESTful API实现,学生操作具体接口如下 操作 REST ACTION API 添加学生 POST /api/business...基本属性 对象名称唯一识别不同的对象,对象复数用于URL路径中的资源,物理表名称最终为数据库中的表名 字段属性主要包括:名称,类型,索引,长度,精度等 [学生表设计] 更多属性 包括:是否可以为空...) 业务数据 通过post man验证API 创建学生 [postman] 请求URL /api/business/students 请求body { "name":"诸葛亮", "...stuNo":"10000", "age":18, "major":"计算机科学与技术" } 返回值1为id 查询id为1的学生详情 [getstudent] 请求URL /api/

    1.6K21

    前后端分离跨域问题

    一、背景 最近在弄毕业设计啦,采用CodeIgniter4+Vue3来做的,前后端分离项目,首先便是跨域问题。一顿搜索无果后,自己折腾了一个解决方案,希望能帮助到看到这篇文章的你。...同源即两个页面具有相同的协议(protocol),主机(host)和端口号(port) 下表即我目前遇到的情况 域名 域名级别 框架 前端 example.com 二级域名 Vue3 后端 api.example.com...三级域名 CodeIgniter4 三、解决方法 1.问题 在前端往后端发送请求时,控制台会输出跨域报错,无法拿到数据。...此时我们需要用到CodeIgniter4中的控制器过滤器里面的 前置过滤器 。 前置过滤器的官方文档 然后在前置过滤器中完成响应头的设定即可。...使用 自定义请求头 时,前端(客户端浏览器)会先发出一个OPTIONS请求,来判断是否可用,如果这时候没有进行设置的话,同样也是无法完成跨域的。

    2.6K30

    ASP.NET MVC (四、ASP.NET Web API应用程序与跨域操作)

    请求的工具) 7、跨域配置  8、 测试【Ajax】的Get请求 9、测试【Ajax】的Post请求 前言: 本章节主要针对Web API进行基础教学以及强化训练,并对跨域操作做出详细的介绍与添加跨域配置信息...,可以通过本文学会创建【跨域接口的编写】,风格采用【restfull】风格 RESTful发展背景及简介 网络应用程序,分为前端和后端两个部分。...这导致API构架的流行,甚至出现"APIFirst"的设计思想。RESTful API是目前比较成熟的一套互联网应用程序的API设计理论。...】 【Postman】访问:  6.5、HttpPost请求测试(必须使用模拟post请求的工具) 必须Postman或其它工具访问: 7、跨域配置  只需要在【Web.config】的 api/Test/GetPostInfo", type: "Post", dataType: "json

    1.8K20

    CI一些优秀实践

    最近准备接手改进一个别人用Codeigniter写的项目,虽然之前也有用过CI,但是是完全按着自己的意思写的,没按CI的一些套路。...一旦领悟了 MVC 的精髓,这将会成为一种习惯,你会从 MVC 简洁的代码中受益良多。 一个原则就是:复杂的操作都交给Model。Controller更像个建筑师。 Model是苦工。...也可以在每次处理POST和COOKIE的时候单独使用,把第二个参数设为TRUE,如 $this->input->post('some_data', TRUE); 表单验证类也提供了 XSS 过滤选项,如...CI 2.0 将内置 CSRF 检查,在 Google 上搜索 "CSRF tokens" 学习更多关于在保护表单提交和 URL 链接的知识,在 Ajax 应用方面可以搜索 "double cookie...紧接着codeigniter载入了第一个类库,Benchmark,这个类库最简单的一个应用就是计算网页从开始到编译结束所花掉的时间,所以您在编译开始的地方打上一个标记,渲染结束后再打上一个标记,就可以算出其中花费的时间了

    3.4K50

    请求与上传文件,Session简介,Restful API,Nodemon

    作者 | Jeskson 来源 | 达达前端小酒馆 请求与上传文件 GET请求和POST请求 const express = require('express'); const app = express...}); app.get('/users/:gender', function(req,res){ // 获取路由参数 let gender = req.params.gender; // 获取url...session是这样的,需要保持用户数据时,服务器程序可以把用户数据存储到浏览器的session中,当用户使用浏览器访问其他程序,可以从session中取出数据。...session是把用户的数据写到用户的session,不同的用户用不同的session_id识别,将session_id保持在客户端cookide或是在本地。...当发送请求时,附带将session_id的cookie信息,用来区分哪个用户的数据。 restful api的简介 REST基本架构: restfull api,创建一个json数据资源文件。

    1.6K20
    领券