前端与后台交互所需技术

前端与后台交互:应该注意哪些问题:

  1、前端请求数据URL的谁来写?

前端与后台交互所需技术

在开发中,URL主要是由后台来写,写好了之后再给前端开发者。

  如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数:如:

select "产品图片","优惠[买2送花茶]","产品名称","商品价格","是否包邮" from tb_goodList where time = “传递过来的参数" 如果没有后面的查询条件,就会查询到所有的时间的数据,前端则需要的是某一天的数据,这时前端就需要把时间当做参数传递给后台,后台根据这个参数再进行数据查询.返回前端页面需要的数据.例如: ?time="2016-05-12 00:00:00"

2、接口文档主要由谁来写?
  

前端与后台交互所需技术

接口文档也是主要由后台开发者来写的,因为直接跟数据打交道的就是后台,后台是最清楚,数据库里面有什么数据,能返回什么数据.

总的来讲,接口文档主要由后台来设计,修改,前端开发者起到了辅助的作用.
3.前端开发与后台交互的数据格式主要是什么?

前端与后台交互所需技术

1) 另一种是 JSON(JavaScriptObject Notation),这也是一种轻量级的数据传输格式,就是用一堆中括号把数据组织起来, 
    好处:不像二进制,这种格式是人可读的,并且比较轻巧,所以也有大量的应用场景。采用json数据格式进行传送.

但是我们项目中用的最多的就是JSON数据格式,它的一般形式: 
{“flag”:”001”,”content”:{}}

4.前端开发的后台交互原理?

这里写图片描述

 
在项目的时候,我们前后端会大概说一下接口地址,前端请求的参数,后端返回的参数,然后大家就开始写,写的差不多的时候,大家调一下接口看一下返回的数据,没问题就可以了。

5.前端请求参数的形式

这里写图片描述

 
GET和POST是HTTPS的两个常用方法。 
GET - 从指定的服务器中获取数据 
POST - 提交数据给指定的服务器处理

GET方法特点: 
使用GET方法时,查询字符串(键值对)被附加在URL地址后面一起发送到服务器: 
/test/demo_form.jsp?name1=value1&name2=value2 
特点: 
GET请求能够被缓存 
GET请求会保存在浏览器的浏览记录中 
以GET请求的URL能够保存为浏览器书签 
GET请求有长度限制 
GET请求主要用以获取数据

POST方法: 
使用POST方法时,查询字符串在POST信息中单独存在,和HTTP请求一起发送到服务器: 
POST /test/demo_form.jsp HTTP/1.1 
Host: w3schools.com 
name1=value1&name2=value2 
特点: 
POST请求不能被缓存下来 
POST请求不会保存在浏览器浏览记录中 
以POST请求的URL无法保存为浏览器书签 
POST请求没有长度限制(理论上是没有的,但是不同的服务器是存在不同限制的)

6.前台应该告知后台哪些有效信息,后台才能返回前端想的数据的呢? 首先,前端要先学会对一个页面展示的数据进行有效的分析,把需要的数据都记下来,然后告知后台.大家看到还是感到很迷惑,我来举一个例子:

前端与后台交互所需技术

以这个图为例:我们可以把这个页面划分为三个部分如下图所示:

1) 轮播图部分 2) 商品种类部分 3) 每日推荐部分

前端与后台交互所需技术

接下来我们会对这三部分进行详细的解释.请大家继续往下看. 
7.那么我们应该怎么把这些页面信息有效传达给后台以及后台如何获取数据的?

1) 轮播图部分

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzxjss.html