作为一个合格的软件测试人员，可能纯熟定位 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 的原理之后，晓得前后端数据交互办法，就能够疾速定位数据传输的时候是前端还是后端的谬误了。