作者:爱蜜儿小秋秋 | 来源:互联网 | 2023-05-19 06:30
最近在使用原生JS写一个AJAX提交搜索。一个小小的问题反应了我思考问题的错误方式也提醒我今后在分析调试时应该注意哪些点。我想要的功能功能描述:当我输入任何其他字符时,点击搜索,返回:暂无信息;当我输
最近在使用原生JS写一个AJAX提交搜索。一个小小的问题反应了我思考问题的错误方式也提醒我今后在分析调试时应该注意哪些点。
我想要的功能
功能描述:当我输入任何其他字符时,点击搜索,返回:暂无信息;当我输入‘锤子’时,返回‘smartisanT1’smartisanT2'.
当我将AJAX主体写好后并没有继续写后面的功能,因为我需要测试当前代码是否执行正确,需要进行测试,测试通过后才继续写后面功能。以下是代码:
前端代码
后端mock数据
然后开始进行测试,启动静态服务器,打开页面,打开开发者工具,,输入‘锤子’。。然后问题就出现了。见图:
怎么响应是'暂无信息呢',不管我输入字符是什么,响应总是同一个。这就是我遇见的问题。然后我就开始调试,VScode里没有语法错误提示,最终发现,,,居然是我的请求路径的参数格式写错了。我只能说好吧。我知道这个问题是一个很小很小的问题,也许代码编辑器就能够给你提示。。但我觉得这个问题给我的提示不是在平时写代码时要时刻注意拼写正确,或使用带有提示的编辑器,,给我更大的感受与思考是,,但这个问题出现了,我为什么不能迅速找到问题的根源在哪里。这是这一个小小的错误给我最大的思考。
事后我总结我的分析思路问题在哪里我在分析时,认为,既然发出了请求,也得到了后台数据,但总是同一个响应,我觉得是后台数据mock逻辑出现了问题,但检查后并没有发现问题。我的分析错误在于对问题的本质还不够清楚 我的问题是:不同请求,响应却总相同。如果对AJAX原理理解的深入,就知道,响应是根据不同请求参数而做出的。既然现在响应总是同一个,应该是请求参数出现了问题。这样的分析才是对的。
在平时写代码时笔误,拼写错误是很常见的,尽管这个问题非常低级,但它给我带来的思考非常有帮助,分析调试代码问题要知道出错的原因,在哪一步出错,这样调试起来就非常方便了。