【debug】elementui输入框输入特殊字符查询 查询失败 报错:网络断开

事件起因:

在一个实时查询的接口中,也就是一旦有输入立马把输入内容发送给后端进行一次查询,然后根据查询的结果生成智能推荐的下拉菜单,也就是下面这样的效果(正常情况下是这样的):请添加图片描述
有输入数据时network的状况(改正后):
在这里插入图片描述
但是之前出现的问题就是当这个输入框输入特殊字符时就会出现如下的报网络断开的错误:
报错
如下图所示,请求也报红了:
在这里插入图片描述

原因:

之前的请求方式为get方式,请求输入内容会直接被加在路由里,当特殊字符输入进来时,会被识别为路由的结束标志或路由中的特殊意义:

如下图特殊字符再url中的意义(当输入26键 键盘上tab上面的 ‘`’ 符号时,会被识别为url直接结束(或者说是无法转义识别)): (当然下图把url中部分特殊符号的url编码给出了 你也可以在前端转换了后在写入路由中,但有些转不了 比如说:前面提到的键盘esc下面的飘号)
在这里插入图片描述
在前端的请求内容,可以看到是get请求的方式:
前端发送的请求
后端接收的接口:
后端接口

更改后的前后端请求接口(解决办法):

前端(更改为post请求):
不管什么特殊字符都作为houseName键值对的一个字符串值传输到后端去进行模糊查询
在这里插入图片描述
后端(更改为对应的post请求):
在这里插入图片描述
实体houseVo的内容(post请求使用对象接收信息):
在这里插入图片描述

事后总结

其实找出原因来后,也是一个挺简单的问题,但在编程中总是会遇到各种奇奇怪怪的问题,特此记录一下

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿,葱来了-C is coming

老板大气

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值