首页
学习
活动
专区
圈层
工具
发布

Vue 使用 vue-resource 发起post请求,增加列表数据

那么执行步骤如下: 开发后台处理 add_list() 的视图函数。 前端设置post请求进行数据添加,然后执行get请求获取添加后的数据。...)) # 设置响应体 res.status = '200' # 设置状态码 res.headers['Access-Control-Allow-Origin'] = "*" # 设置允许跨域...== '__main__': app.run(debug=True) 使用postman测试添加数据add_list,如下: 使用postman测试读取数据get_list,如下: 可以看到成功新增了数据...= ${this.name}`); // 发送post请求,添加数据 // 设置 post 方法的第二个参数,设置传递的数据对象 // 通过 post 方法的第三个参数,...}`); // 发送post请求,添加数据 // 设置 post 方法的第二个参数,设置传递的数据对象 // 通过 post 方法的第三个参数, {

72120

Vue 使用 vue-resource 发起post请求,增加列表数据

那么执行步骤如下: 开发后台处理 add_list() 的视图函数。 前端设置post请求进行数据添加,然后执行get请求获取添加后的数据。...使用postman测试读取数据get_list,如下: ? 可以看到成功新增了数据。 那么下面只要在前端Vue中调用这两个api即可实现添加数据的功能。...前端Vue实现添加数据的功能 1.开发发送post请求,添加数据功能 ?...,添加数据 // 设置 post 方法的第二个参数,设置传递的数据对象 // 通过 post 方法的第三个参数, { emulateJSON: true } 设置 提交的内容类型 为...}`); // 发送post请求,添加数据 // 设置 post 方法的第二个参数,设置传递的数据对象 // 通过 post 方法的第三个参数, {

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

    面试题之接口测试

    4、怎么区分bug是前台还是后台的bug? 5、没有接口文档如何做接口测试? 6、GET请求和POST请求的区别? 7、常用的接口测试工具?抓包工具? 8、常见的状态码?...(1)状态码以5开头的基本都是后台的问题 (2)状态码以2开头的,但是响应数据与预期不一致,也是后台的问题 3、如果前端URL和入参没有问题,后台的响应数据也没有问题,那可能就是前端代码转换有问题,是前端...如:GET请求参数,POST请求的body正文内容是否有正确的返回数据等 5、提交BUG,跟进BUG修改,编写报告 6、GET请求和POST请求的区别?...提交数据时,内容有字数限制;POST在表单里面提交数据,没有字数限制 3、GET是获取数据,POST是发送数据 7、常用的接口测试工具?...接口测试工具:Postman、Jmeter 抓包工具:Fiddler、Charles 8、常见的状态码?

    68330

    从100到511的这些数字,HTTP状态码背后的秘密你知道多少?

    200 OK:万事大吉含义:请求成功处理并返回数据场景:GET请求:资源已提取并在响应中返回POST请求:数据已提交成功HEAD请求:仅返回响应头,无响应体开发提示:虽然200表示成功,但在API设计中建议配合明确的响应体说明...当前的信息可能是原始版本的子集或者超集。例如,包含资源的元数据可能导致原始服务器知道元信息的超集。使用此状态码不是必须的,而且只有在响应不使用此状态码便会返回200 OK的情况下才是合适的。...POST改为GET307 Temporary Redirect严格重定向必须保持原请求方法建议:API开发中优先使用307,避免方法被意外转换303 See Other服务器发送此响应,以指示客户端通过一个...vs 403 Forbidden:权限的"两道门槛"这对"兄弟码"常被混淆,核心区别在于认证状态:状态码含义典型场景401未认证:需要登录未登录用户访问需授权页面403已认证但无权限:服务器拒绝访问普通用户尝试访问管理员后台...笑话,典故来源茶壶冲泡咖啡421 Misdirected Request请求被定向到无法生成响应的服务器。这可以由未配置为针对请求 URI 中包含的方案和权限组合生成响应的服务器发送。

    1.6K10

    【融职培训】Web前端学习 第6章 jQuery Ajax 1 HTTP协议

    get方法:获取数据 post方法:提交数据 put方法:修改数据 delete方法:删除数据 对于初学者,这里需要注意的是,http请求本身并不会完成增删改查的基本操作,真正的操作仍然是由服务器完成。...三、http协议状态码 http的状态码被分为5大类,状态码为客户端提供一种理解事务处理结果的便捷方式,我们在network工具中可以看到响应头中的的状态码。...100~199(信息性状态码):HTTP/1.1向协议中引入了信息性状态码 200~299(成功状态码):客户端发起请求时,这些请求通常都是成功的。...这些会返回5xx状态码 下面三个常用的HTTP状态码使我们必须要记住的: 200 OK :请求被正常处理 404 Not Found:服务器找不到客户端请求的资源,也有可能是服务器不想 让你访问而故意返回...六、课后练习 默认数据如下所示, ["香蕉","苹果","鸭梨"] 通过postman实现后台数据列表的增删改查,要求如下: get方法获取数据列表 post添加数据,然后重新查询 put修改数据,然后重新查询

    58920

    Web前端学习 第6章 jQuery Ajax 1 HTTP协议

    get方法:获取数据 post方法:提交数据 put方法:修改数据 delete方法:删除数据 对于初学者,这里需要注意的是,http请求本身并不会完成增删改查的基本操作,真正的操作仍然是由服务器完成。...三、http协议状态码 http的状态码被分为5大类,状态码为客户端提供一种理解事务处理结果的便捷方式,我们在network工具中可以看到响应头中的的状态码。...100~199(信息性状态码):HTTP/1.1向协议中引入了信息性状态码 200~299(成功状态码):客户端发起请求时,这些请求通常都是成功的。...这些会返回5xx状态码 下面三个常用的HTTP状态码使我们必须要记住的: 200 OK :请求被正常处理 404 Not Found:服务器找不到客户端请求的资源,也有可能是服务器不想 让你访问而故意返回...六、课后练习 默认数据如下所示, ["香蕉","苹果","鸭梨"] 通过postman实现后台数据列表的增删改查,要求如下: get方法获取数据列表 post添加数据,然后重新查询 put修改数据,然后重新查询

    84930

    HTTP Methods

    接下来我们就去更深层的解读一下这些方法的用法: 在介绍这些方法之前我们先来了解两个关键词: 安全:安全的方法就是不会改变服务器的状态(数据),也就是说它仅仅是获取资源信息,就像数据库查询一样,只读取不修改...比如说:GET方法多次去服务器请求数据,不会对服务器数据有影响,这就是幂等的,POST方法多次提交数据,每提交一次,服务器会接收一条新数据并且去处理,这就不是幂等的; 了解了安全和幂等,我们会更容易理解其他...如果DELETE方法成功执行,那么可能会有以下几种状态码: ? 状态码 202(Accepted)表示请求的操作可能会成功执行,但是尚未开始执行。...状态码 204 (No Content)表示操作已执行,但是无法进一步的相关信息。 状态码 200(OK)表示操作已经执行,并且响应中提供了相关状态的描述信息。...推荐 最后给大家推荐一个Http请求模拟工具:Postman Postman是一种网页调试与发送网页http请求的chrome插件,我们可以用来很方便的模拟get或者post或者其他方式的请求来调试接口

    65430

    创建发送异步通讯对象Ajax请求、数据回调及属性状态说明

    } 打开操作,发送请求: 如果对象不为 NULL ,发送请求 xmlHttpRequest.send() ,当发送 GET 请求时为 true ,因为直接在地址传值,当发送 POST 请求时,应该是需要传递的值... = callback;     //4.发送请求     // 参数:当发送GET请求时:true     //       当发送POST请求时:需要传递的值     xmlHttpRequest.send...对象已创建,未调用 open ; 1:open 方法成功调用,但 Sendf 方法未调用; 2:send 方法已经调用,尚未开始接受数据; 3:正在接受数据。...status : 服务器返回的 http 状态码。 200 表示“成功”; 404 表示“未找到”; 500 表示“服务器内部错误”等。 所以要判断异步请求成功并且服务器返回状态正常,再进行数据打印。...声明:本文由w3h5原创,转载请注明出处:《创建发送异步通讯对象Ajax请求、数据回调及属性状态说明》 https://www.w3h5.com/post/407.html

    2.3K10

    JavaScript学习笔记028-ajax0get0post0跨域请求

    三种请求方法: GET POST HEAD http1.1: DELETE PUT 与后台交互时,约定俗成的请求规范 增 POST 删 DELETE 改 PUT 查 GET xhr.readyState...状态码: 0 请求未初始化 1 连接到服务器 2 请求以被接收到 3 正在处理请求 4 请求处理完成,并响应 xhr.status(服务器)http状态码: 100~ 消息 200~ 成功 300~ 重定向...("GET", "http://www.xxx.cn", true); // 第一个参数为请求方式,第二个参数是url地址,第三个参数是布尔值,设置是否使用异步请求 // 按照上面设置好的方式发送数据...是xhr自身的状态码 // 判断http状态码,2开头的和304代表成功 if (200 <= xhr.status && xhr.status < 300 || xhr.status === 304)...{ // 请求成功,拿到后台发来的数据 xhr.responseText; } } } // 两种方法类似,onload监听数据发送,onreadystatechange监听数据发送状态发生变化的过程

    1.2K10

    DjangoRestFramework,restful规范、APIview、解析器组件、Postman等

    HttpResponse('post')   大家还记得CBV的这个视图函数,为什么get请求就能找到类的get方法,post请求就能找到post方法,其内部有个dispatch方法来进行分发,这又怎么玩呢...API 不需要1xx状态码,下面介绍其他四类状态码的精确含义。       2.7.2 2xx状态码 200状态码表示操作成功,但是不同的方法可以返回更精确的状态码。...总结一下常用状态码及对应的描述 200 OK - [GET]:服务器成功返回用户请求的数据,该操作是幂等的(Idempotent)。...,即使发生错误,也返回200状态码,把错误信息放在数据体里面,就像下面这样。...四 Postman的使用 Postman是一个模拟发送请求并获得响应结果的工具,不用这个工具的时候,我们写web项目,调试接口返回数据的时候,是不是都要启动项目,通过浏览器访问,然后查看数据啊,有了这个工具我们就可以不用启动浏览器来

    3.1K20

    Ajax

    readyState五种状态 ​ 0 - (未初始化) 1 - (载入/正在发送请求) 2 - (载入完成/数据接收) 3 - (交互/解析数据)正在解析响应内容 4 - (后台处理完成)响应内容解析完成...,可以在客户端调用了 ​ status 状态码: ​ 常用: 200:请求成功(后台处理结果ok)、 303:重定向 400:请求错误、401:未授权、403:禁止访问、404:文件未找到 500:...jquery, ajax写法上的不同 js原生:首先创建一个 XMLHttpRequest 通过这个对象打开url然后 send数据 jquery:.get 或则.post发送,参数是(url, json...数据{}, 收到应答时的回调函数) 回调函数(服务端应答数据data, 状态码, XMLHttpRequest异步请求对象) ajax: $.ajax() 参数是json对象{url:, type:post.../get, data:{}, 回调函数} 回调函数(服务端应答数据data, 状态码, XMLHttpRequest异步请求对象) ​```

    5.5K20

    AJax(XHR+Get和Post+AJax的封装)

    var xhr = new XMLHttpRequest();在使用 XHR 对象时,先必须调用 open()方法,它接受三个参数:要发送的请求类型(get、 post)、 请求的 URL 和表示是否异步...open()方法并不会真正 发送请求,而只是启动一个请求以备发送。 通过 send()方法进行发送请求, send()方法接受一个参数,作为请求主体 发送的数据。如果不需要则,必须填 null。...执行 send()方法之后,请求就会发 送到服务器上。 当请求发送到服务器端,收到响应后,响应的数据会自动填充 XHR 对象的属性。...一般 情况 HTTP 状态代码为 200 作为成功的标志。除了成功的状态代码,还有一些别 的:同步调用固然简单,但使用异步调用才是我们真正常用的手段。...,无参数设置为null;4、解析响应数据1、判断响应是否成功 status=200 (404=未找到资源;500=服务器异常;200=成功)2、得到后台响应数据 responseText<script

    49610

    【网络原理】关于HTTP状态码以及请求的构造的哪些事

    其实这就是一个HTTP的状态码,所以接下来小编将带你解开这其中的奥秘~~ 1.2状态码 状态码:所谓的状态码就是用于请求中响应的结果如何; 所有的状态码的种类: 但是这里的状态码有些不常用,所以下面小编就选择几个比较重要的给大家讲一讲...总结: 学习状态码的意义 更加好的认识问题所在,来进行调试,尤其是在我们自己编写服务器的时候,我们需要按照状态码的含义来进行编写 2.HTTP请求构造 2.1通过第三方工具进行构造 1.PostMan...GET方法构造的请求,主要是通过拼接字符串,然后通过文件流IO的形式进行发送(是以二进制的方式进行的),注意这里的request是一个对象,所以需要进行tostring,最后转化为字符串utf8的数据编码格式...,但是post一般来说是带有正文的,所以这里就需要额外添加body;最后通过发送数据,以及接收数据来完成POST方法的构造; 4.总结 上述的代码主要是使用的字符串拼接来实现的格式的构造,然后通过outputstream...和inputstream来实现数据的发送以及接收,总体来说还是比较简单的; 2.3其他方法构造 这里是通过代码来进行构造的http请求,当时日常生活中还需要使用HTML/JS来进行HTTP请求的构造,这里就有两种常见前端构造的方式

    31010

    接口测试面试题

    1 接口测试的重点? 检查数据的交换,数据传递的正确性,以及接口间的逻辑依赖关系 2 GET请求和POST请求区别是什么? GET在浏览器回退时是无害的,而POST会再次提交请求。...HTTP的请求结构4部分:请求行、请求头部、空行、请求数据 HTTP的响应结构4部分:状态行、消息报头、空行、响应正文 常见的响应状态码(HTTP Status Code): 1开头-信息,服务器收到请求...1XX——信息类(Information),表示收到http请求,正在进行下一步处理,通常是一种瞬间的响应状态 2XX——成功类(Successful),表示用户请求被正确接收、理解和处理 200(...依赖登最状态的接口,本质上是在每次发送请求时需要带上存储有账户有效信息的Session或Cookie才能发送成功,在构建POST请求时headers中添加必要的Session或Cookie 20依赖于第三方数据的接口如何进行测试...根据接口请求时接口的返回状态码来判断,状态码以4或5开头就可以视为请求失败 30 session和cookies区别? 1、cookie数据存放在客户的浏览器上,session数据放在服务器上。

    1.9K10

    ajax发送异步请求四个步骤,AJAX的异步请求的四个步骤

    post 2.XMLHttpRrquest对象向服务器发出请求url 如需将请求发送到服务器,咱们使用XMLHttpRequest对象的open()和send()方法。...以及是否异步处理请求 Method:请求的类型:get或post URL :文件在服务器上的位置: Async :true(异步 )或false(同步) Send(string)...它的值用数字表明。 0 表明未初始化。 尚未调用 open 方法 1 表明正在加载。 open 方法已被调用,但 send 方法尚未被调用 2 表明已加载完毕。send 已被调用。...请求已经开始 3 表明交互中。服务器正在发送响应 4 表明完成。...响应发送完毕 经常使用状态码及其含义: 404 没找到页面(not found) 403 禁止访问(forbidden) 500 内部服务器出错(internal service error) 200

    1.8K10

    postman系列(二):使用postman发送get or post请求

    总结一下如何使用postman发送get或post请求。 请求(Request) 「GET 请 求」 通常用于请求服务器发送某个资源,请求的数据会附在URL之后,以?...「POST请 求」 POST方法一般用来向服务器输入数据,它把提交的数据放置在是HTTP包的包体中 1.请求方法选择POST; 2.在request url处输入请求url; 3.请求方法选为POST后...请求时 ,并没有特意设置请求头,工具自动为请求添加了请求头 body为form-data格式的数据时 body为json格式数据时 响应(Reponse) 点击 Send 即可发送请求 在下面的...response模块显示返回信息 需特别注意的是注意区别HTTP状态码与响应正文中的状态码,只有HTTP状态码是200时,才代表这个接口请求是正确的,这个是HTTP协议定义的,而响应正文的状态码,...是程序员自已定义的,可以是200,也可以定义为其它值,是为了让接口使用者去区分正常数据与异常数据。

    8.8K31

    使用Postman发送POST请求的指南

    本文将详细介绍如何在Postman中发送POST请求,帮助你高效地进行接口测试。什么是POST请求?POST请求是一种HTTP请求方法,用于将数据发送到服务器以创建或更新资源。...与GET请求不同,POST请求通常包含在请求体(body)中发送的数据。发送POST请求的步骤在发送请求之前,我们需要先安装好postman,安装步骤在本文中不做赘述。...Postman会显示请求的详细信息和服务器的响应。查看响应在请求下方的窗口中,你可以查看服务器的响应,包括状态码、响应头和响应体。...确保响应符合预期,例如状态码为200 OK或201 Created,以及返回的数据内容正确。...如果服务器返回状态码201 Created,并且响应体包含注册成功的消息,那么表示请求成功。总结使用Postman发送POST请求是进行API测试的基本技能。

    2.5K10

    C# 手机验证码短信接口调试:查看与解析 API 返回的状态码

    );状态码解析不全面:仅处理成功(code=2)和通用失败(code=1),未覆盖405(APIID/KEY错误)、4085(验证码发送超限)等细分状态码;调试日志缺失:未记录请求参数和返回的完整状态码信息...二、API状态码的底层逻辑与分类2.1状态码的层级划分调试c#手机验证码短信接口时,需区分两类状态码,这是正确解析的基础:第一层:HTTP状态码(如200、400、500):表示请求是否到达接口服务器并被接收...2.2核心业务状态码的含义解析业务状态码是接口调试的关键,按问题类型可分为三类:基础校验类(401-404):如401(账号为空)、402(密码为空)、403(手机号为空)、404(短信内容为空),均为请求参数基础校验失败...):在服务商后台备案服务器出口IP;调试阶段可临时添加本地IP到白名单;状态码4072(内容与模板不匹配):核对短信内容是否与审核通过的模板完全一致;模板变量方式发送时,确认变量数量和格式匹配。...掌握状态码的解析方法,能大幅降低接口调试耗时,提升对接效率。实际项目中,开发者可基于本文代码封装通用的状态码解析工具类,结合异常处理机制,让c#手机验证码短信接口的调用更健壮。

    16410
    领券