想要熟练定位Bug?前后端交互不好好了解一下怎么行?

发表于:2021-1-12 09:37

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:骑马的少年    来源:知乎

  作为一个合格的软件测试人员, 能够熟练定位bug的位置是属于前端还是后端,是必备技能之一。所以就需要明白前后端数据是怎么进行交互的。
  一、网站数据处理主要分为三层
  第一层,表示层,这部分可以用HTML代码,CSS/Javascript代码来实现等。通过前端代码可以实现网页的布局和设计。这层又可以称为显示层。也就是你用浏览器打开能看到的网页。
  第二层,是业务层,这层是负责处理数据的。常用的代码语言有PHP,JSP,Java等。通过这些后台处理语言的算法来处理前台传回的数据。必要的时候进行操作数据库,然后把结果返回给前端网页。
  第三层,是数据层,这个就是数据库,用来存储数据的。通过业务层的操作可以实现增删改数据库的操作。
  ①你接触到的是这个网页是属于表示层,这个网页一般由HTML标签结合CSS/JAVASCRIPT来实现的。 这时候你要先填入数据。
  ②然后你按提交触发后台处理机制,这时候数据会传到后台的代码进行处理。这部分代码根据不同网站可以使PHP,JSP,JAVA等。 代码根据程序员预设的算法将收到的数据进行处理之后会相应的对数据库进行操作,存储数据等。
  ③成功操作完数据库之后,业务层的代码会再向表示层也就是显示器端传回一个指令通知你表格填写成功。
  二、前后端数据交互方法
  1、HTML赋值
  2、JS赋值
  3、script填充JSON
  4、AJAX获取JSON
  前三个数据交互方法在AJAX获取json的方法普遍使用之后,就很少使用了,今天主要了解一下ajax获取json:

$.ajax({

                        type: "POST",//type是ajax的方法

                       url : "<%=path%>/resource/usermenus",//参数url,要把参数传到什么地方

                       data : {parentid:parentid,parentpath:parentpath},//传递什么数据

                       success : function(data){//sucess表示,当数据返回成功后要怎么做,返回的数据存储在data

)}
  Ajax进行数据交互就和我们使用接口测试工具的概念一样,请求方式get/post,url地址,还有需要传递的参数,然后对返回的响应值进行处理。
  在明白Ajax的原理之后,知道前后端数据交互方法,就可以快速定位数据传输的时候是前端还是后端的错误了。

  本文内容不用于商业目的,如涉及知识产权问题,请权利人联系51Testing小编(021-64471599-8017),我们将立即处理
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号