软件测试--前后端数据交互详解
作为⼀个合格的软件测试⼈员， 能够熟练定位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的原理之后，知道前后端数据交互⽅法，就可以快速定位数据传输的时候是前端还是后端的错误了。
在这⾥推荐⼀个软件测试交流：642830685，中会不定期的分享软件测试资源和测试⾯试题以及⾏业资讯。⼤家可以在中交流技术。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。