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

在input中回车后页面提交导致出现HTTP 错误 405.0 - Method Not Allowed

前些时间在做一个搜索功能时发现一个比较有意思的现象,场景是这样的:在一个模态窗口中是一个订单列表,页面的顶部有若干个状态筛选框和一个搜索关键字输入框,当焦点在关键字输入框时按回车,本来是对input的keyup...事件做了监听,当发现是按了回车键时便自动提交搜索请求的,但输入关键字后按回车时页面竟然跳转了,并且出现“HTTP 错误 405.0 - Method Not Allowed无法显示您正在查找的页面,因为使用了无效方法...(HTTP 谓词)”的错误,非常纳闷。...按照错误信息及现象(页面跳转了)来看,应该是因为触发了页面提交了,但事实上,当在keyup事件里面alert时,根本还没有执行到keyup事件里面去就已经跳转了。...于是搜索了一些资料来看,结果发现html规范的一种约定:如果一个form里只有一个input,那么无论有无submit按钮或绑定事件,只要在这个焦点在这个input里并且按下回车按钮时,都会执行自动提交表单的操作

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

    django-prometheus使用及源码分析

    # 简介 在django服务运行过程中,希望可以对其获取promethues指标进行监控,这样可以实时知道其运行状态,当它运行异常时可以及时进行告警,并且帮助我们可以对其针对性进行优化。...python_gc_objects_collected_total{generation="0"} 667.0 python_gc_objects_collected_total{generation="1"} 405.0...'django_prometheus', 'demo', ] 再来看 SetupPrometheusEndpointOnPort ​方法可以看到是调用 prometheus_client.start_http_server...class Mixin 它重写了 _do_insert、 _do_update 、 delete 三个方法,而这三个方法是 models.Model 的方法,是在对 model 进行插入、更新和删除时执行的三个方法...,而在调用父类执行sql前后进行统计计数和耗时。

    43810

    【经验分享】RESTFul实践以及数据库字段兼容设计与字段预留

    RESTFul与API设计 RESTFul是一种架构设计风格,它有多个实现层级,最常用的领域在于前后端交互时的API设计。...API一般有两层含义:一是指语言或者框架的使用方法(如JAVA API文档),描述了语言或框架的函数调用接口;而是指远程调用的接口地址。...增加了一个登录凭证) RESTFul不允许在地址中写动词,但是很多具体的动作抽象成资源,本身具有一定的难度,而且可读性较差。...保留【查询】、【添加】、【删除】、【修改】,分别对应HTTP方法的【get】、【POST】、【DELETE】、【PUT】。 保留动词。...类型:使用char,不考虑动态扩展类型时不要增加type表,在服务端使用枚举。

    98220

    RESTful API设计--指南

    亚马逊是如何有效地使用 api 进行通信的最佳例子。 在这篇文章中,我将讨论如何更好地设计 RESTful api 以避免常见错误。...不允许有其他形式的进程间通信,不允许直接链接,不允许直接读取另一个团队的数据存储,不允许共享内存模型,也不允许有后门。唯一允许的通信是通过网络上的服务接口调用。 他们使用什么技术并不重要。...---- RESTful api 的设计原则 现在,让我们来了解在设计 RESTful api 时应该遵循的原则。 保持精简 我们需要确保 API 的基本 URL 是简单的。...用名词(nouns)而不是动词(verbs) 很多开发者都犯了这个错误。他们通常忘记了我们有 HTTP 方法来更好地描述 API,并最终使用 API url 中的动词。...200 OK — 这是显示执行的操作成功的最常用的 HTTP 代码。 201 CREATED — 当您使用 POST 方法创建新资源时,可以使用此方法。

    2.1K50

    再谈自动化测试——我们在编写测试时,应该注意什么

    用例之间不允许互相调用,也不允许出现执行次序的先后依赖。   BCDE原则   编写单元测试用例时,为了保证被测模块的交付质量,需要符合BCDE原则。   ...Correct Test && Design Test   正确性测试听起来应该会很简单,(比如调用一个API,然后看结果返回是否正确)但如果放到集成测试中,我们还是可以拓展出一些额外的关注点的.还是以上面提到的...在编写正确性测试时,我们可以考虑额外关注以下几点:   APIParam在各个Flow间中转时是否如预期   关注管理节点内的服务:   Flow之间调用的时序是否符合预期   Flow之间流转时,业务目标状态是否符合预期...  关注管理节点外的服务:   对于agent的请求是否符合预期   在API调用完后,相关资源的目标状态是否符合预期   而与文档结合的测试用例,则应当由团队的测试人员来定义.可以确定的是,这类的测试更加关注于...API(即输入输出),而不是内部的状态 星云测试 http://www.teststars.cc 奇林软件 http://www.kylinpet.com 联合通测 http://www.quicktesting.net

    1.2K10

    理解 CORS

    CORS 机制是为了在认可用户发起的请求的同时,阻止那些恶意 JS;并在以下情况发起的 HTTP 请求时被触发: 一个不同的域(比如从 example.com 的站点调用 api.com) 一个不同的子域...对于“简单的” GET 或 POST 请求,如果服务器没有对其作出携带特殊 HTTP 头部的响应 -- 请求依然被发送并且数据也照样被返回,但浏览器将不允许 Javascript 访问该响应。...首先要清楚的是,CORS 行为并非一种错误 -- 这种机制致力于保护你的用户、你本身,或你调用的站点。 有时,缺少合适的头部,会导致客户端的错误执行(如丢失了 API key 等认证信息)。...也许是不允许第三方应用访问其 API ?又或者其 API 只服务于服务器端而非浏览器?要么就是你需要在 URL 中发送认证令牌?...在中间加一个代理 该代理不必和你的应用运行在同样的域下,只要当代理本身和客户端通讯时正确支持 CORS 就行。代理和 API 之间的通讯就完全不必支持 CORS 了。

    1.3K20

    Prometheus监控学习笔记之360基于Prometheus的在线服务监控实践

    0x00 初衷 最近参与的几个项目,无一例外对监控都有极强的要求,需要对项目中各组件进行详细监控,如服务端API的请求次数、响应时间、到达率、接口错误率、分布式存储中的集群IOPS、节点在线情况、偏移量等...比如在我们的项目中: rpc_invoke_cnt_c 表示rpc调用统计 api_req_num_cv 表示httpapi调用统计 msg_queue_cnt_c 表示队列长度统计...因此在绘图时我们对查询语句限制比较严格,基本不允许进行无label限制的模糊查询。 0x07 报警 Prometheus的报警功能目前来看相对计较简单。主要是利用Alertmanager这个组件。...对应编号的osd由于已经删掉已经不能再写入up对应的监控值,索性停掉osddown报警项,直接重启ceph_exporter,再调用Prometheus API删掉对应osd编号的osdupdown监控项...A3:直接通过Prometheus接口处理即可 curl -X "DELETE" "http://prometheus:9090/api/v1/series?

    2.9K40

    构建强大的RESTful API:@RestController与@Controller的对比与应用

    构建强大的RESTful API:@RestController与@Controller的对比与应用 前言 你是否曾想过,当您在浏览网页或调用API时,后台是如何处理请求并生成响应的?...使用HTTP状态码:HTTP状态码用于指示请求的成功或失败以及失败的原因。常见的状态码包括200(成功)、201(已创建)、404(未找到)、500(服务器错误)等。...控制器负责处理客户端的请求,并根据请求的信息来调用相应的方法来处理请求和生成响应。 使用方法:您需要将这个注解放在一个类的前面,以表明这个类是一个控制器。...使用方法:您可以将@ResponseBody注解放在一个方法的前面,以表明这个方法的返回值将直接作为HTTP响应的内容。...这样,当用户访问/hello路径时,Spring MVC将调用sayHello方法,渲染Thymeleaf模板,并将消息传递到模板中。

    36010

    Go 语言学习指南:变量、循环、函数、数据类型、Web 框架等全面解析

    基本的 for 循环由三个部分组成,用分号分隔: 初始化语句:在第一次迭代之前执行 条件表达式:在每次迭代之前评估 后置语句:在每次迭代结束时执行 文章链接:Go 语言中 For 循环:语法、使用方法和实例教程...发出错误的 Go 语言中最常用的技术是将错误作为返回的最后一个值。 Panic 通常意味着发生了意外错误。主要用于在不应该在正常操作期间发生的错误或我们无法优雅处理的错误时快速失败。...Arrays 在 Go 中,数组是在创建数组时定义的具有相同类型的元素集合。 文章链接:Go 语言数组基础教程 - 数组的声明、初始化和使用方法 Slices 切片类似于数组,但更强大和灵活。...文章链接:Go 语言中切片的使用和理解 Maps 映射是 Go 中的数据结构,我们在想要在键值对之间进行映射时使用它。它们在删除或添加元素方面具有灵活性。映射不允许重复条目,同时数据是无序的。...API Clients API客户端是一组从计算机上的应用程序操作的工)用于处理网站时传递用户功能。使用HTTP请求与REST API进行通信,以便用户可以导航到URL网站。

    89010

    Vue3中使用axios

    get的调用示例 简单调用 axios.get('/api/data') .then(function (response) { console.log(response); })...); axios.interceptors.response.eject(myInterceptor); Vue3中对axios的封装 在我们实际开发项目时,一个项目往往会涉及到很多接口,如果我们按照上面的方法去调用网络请求的话...详细步骤如下 在src文件夹下新建http文件夹,在http文件夹新建request.js文件和api.js文件 在request.js中引入axios,并封装 axios 请求,代码如下: import...在Vue3中遇到跨域问题时,可以通过在vite.config.js中进行配置来解决。...其中,changeOrigin 设置为 true 表示修改请求头中的 Origin 字段为代理服务的地址,避免浏览器发送请求时出现跨域问题,rewrite 方法用于去掉请求中的 /api 前缀 然后在我上面封装的

    2.5K40

    状态码的解析与应用【新生抓紧进来学习啦】

    理解了状态码是什么,我们就可以说一下http响应的状态码了,首先大致可分为以下五类: 1XX——提供信息 2XX——请求被成功提交 3XX——客户端被重定向 4XX——请求包含错误信息 5XX——服务器执行请求时遇到错误...400:客户端提交无效http请求 401:服务器再许可请求前要求身份验证 403:不管是否通过验证不允许访问 404:请求资源不存在 405:指定URL...不支持请求中的使用方法 413:请求主体过长,服务器无法处理 414:请求URL过长 500:服务器执行遇到错误 503:表示能响应,但无法获取,应核实是否因为执行了某种行为导致了这样...400:出现这种情况可能是因为使用词汇包含空白符或无效语法 401/403:表示请求资源存在但是不管验证身份如何不允许访问。...500:在查找内容的过程中,表示应用希望在请求资源时提交参数 所有的状态码返回给测试人员时,测试人员都应分析其原因,很多时候渗透测试在意细节,比如,你用put和post提交的结果不同,就有可能存在漏洞的线索

    96200

    云存储基础

    客户端上传:在前端js中调用uniCloud.uploadFile。 云函数上传:在云函数js中调用uniCloud.uploadFile。...前端还有一个uni.uploadFile的API,那个API用于连接非uniCloud的上传使用。请不要混淆。 由于安全原因暂时禁止云存储内上传html文件。...这些免费资源可用于正常公司业务,阿里云不允许开发者使用这些免费的存储及CDN资源来开展图床类业务。...bsppub.oss-cn-shanghai.aliyuncs.com 前端调用云存储API上传文件 uniCloud.uploadFile({ cloudPath:"上传后云端显示的文件名",//...x-oss-process=image/crop,其他参数 参数说明: 注意事项: 在使用自定义裁剪功能时,请注意以下事项: 如果指定起点的横纵坐标大于原图,将会返回BadRequest错误,错误信息为

    16.2K20

    Live2D看板娘使用文档

    stevenjoezhang 前端API提供 调用地址 后端API调用地址 前端API调用地址 使用说明 本API项目构建地址: live2d.xiaolfeng.top 本项服务 免费 对外开放,...不欢迎 版权站 / 广告站 / 采集站 等类型站点调用此服务。 若您的站点对 API 调用量很大,建议您自建服务。...若贵站引用 API 时返回错误,则说明已被加入黑名单,如需说明情况,请通过邮件lfengzeng@vip.qq.com联系。...后端构建说明 接口调用方法 Add(添加/更新缓存接口) 调用方式: http(s)://live2d.xiaolfeng.top/add/ 后无特殊值 返回值: XXX / textures.cache...id=0-1 #获取琪露诺第一号皮肤参数 可用参数 0,1,2等 返回值: 对应模型数据 使用方法 可自行构建前端API调取 也可以用我的前端API调取参数 前端构建说明 前端调取 jsdelivr

    60130
    领券