美文网首页
软件测试--前后端数据交互

软件测试--前后端数据交互

作者: 木卯小台 | 来源:发表于2021-01-05 10:59 被阅读0次

作为一个合格的软件测试人员, 能够熟练定位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的原理之后,知道前后端数据交互方法,就可以快速定位数据传输的时候是前端还是后端的错误了。

相关文章

  • 软件测试--前后端数据交互

    作为一个合格的软件测试人员, 能够熟练定位bug的位置是属于前端还是后端,是必备技能之一。所以就需要明白前后端数据...

  • 2018-02-08

    前端与后端的数据交互 前端与后端的数据交互,最常用的就是GET、POST,比较常用的用法是:提交表单数据到后端,后...

  • HTTP协议、存储、Ajax

    前后端数据交互与 HTTP 协议 1、前后端通信是什么(1)前端和后端交互的过程(2)浏览器和服务器之间数据交互的...

  • 接口测试

    1.接口的定义、功能和关注点定义:前后端就行数据交互的窗口功能:数据交互关注点:输入参数和输出参数2.测试模型V型...

  • 前后端数据交互方法总结

    前后端数据交互方法 在此介绍几种常用的前后端数据交互方法,并给出使用建议。以提高前后端协同开发的效率。 目录: H...

  • json-server模拟接口获取mock数据

    在项目开发中,经常会遇到前后端数据交互而引起的开发流程停滞,前端完成静态页面的开发后,却迟迟未得到后端的接口。测试...

  • 回顾补充

    一个完整的软件结构,包含了和用户交互的软件界面、进行数据处理的后端程序、实现数据存储的数据库三个部分; 通过前端交...

  • 前后端数据交互方法

    《前后端数据交互方法》http://www.zhihu.com/question/26532621一个小案例搞懂前...

  • qq红包测试

    需求:QQ红包测试 1、查看原型图,设计稿 2、了解开发实现,参与CodeView和前后端交互(走哪些接口数据) ...

  • 产品设计要素

    需求→交互→界面(视觉)→开发→测试→发布→用户反馈→迭代 草图·主界面·交互界面·交互说明·前端开发·后端接口 ...

网友评论

      本文标题:软件测试--前后端数据交互

      本文链接:https://www.haomeiwen.com/subject/uyuioktx.html