前端与后台交互所需技术

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

　　一、前端请求数据URL的谁来写？

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

　　若是后台在查询数据，须要借助查询条件才能查询到前端须要的数据时，这时后台会要求前端提供相关的查询参数：如：

select "产品图片","优惠[买2送花茶]","产品名称","商品价格","是否包邮" from tb_goodList where time = “传递过来的参数"

  若是没有后面的查询条件,就会查询到全部的时间的数据,前端则须要的是某一天的数据,这时前端就须要把时间当作参数传递给后台,后台根据这个参数再进行数据查询.返回前端页面须要的数据.例如:

  http://www.hehe168.com/goodList.php?time="2016-05-12 00:00:00"

二、接口文档主要由谁来写？
　　

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

总的来说,接口文档主要由后台来设计,修改,前端开发者起到了辅助的做用.

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) 轮播图部分

前端部分:我页面须要今天产品的最新图片地址,URL中的参数主要是根据后台须要,若是后台须要前端传递一个时间,才可以查询到具体的图片信息,那么前端在数据请求时请求参数就应该包含时间的参数,例如:

URL:http://www.hehe168.com/GetPicture.php
  或者http://www.hehe168.com/GetPicture.php?time="2016-05-12 00:00:00"

后台部分:就会去数据库里面去查找相应的数据表中的例如轮播图表,查询条件就是前端传递过来的URL参数time例如:

select “轮播图片” from tb_picture where time = "2016-05-12 00:00:00"

2) 商品种类部分

咱们来分析一下这张展现的图片.

他包含哪些内容呢,是否是包含:

1)标题图片
2)标题

这些内容在后台数据库表的设计中 也是一个单独的数据库表进行存储,对于后台来说查询和取得数据是很是容易的.因此后台只须要设计个URL给前端就能够了,若是须要什么辅助参数,后台会直接向前端要求的.例如: 
URL形式:

URL:http://www.hehe168.com/variety.php
或者http://www.hehe168.com/variety.php?time="2016-05-12 00:00:00"

3) 每日推荐部分

如图所示: 

咱们看下上面图它包含哪些内容:

1)产品图片
2)优惠[买2送花茶]  
3)产品名称 
4)商品价格
5)是否包邮

前端把这些信息告知后台,后台看到这些信息后,会去相对应的数据库去查询,若是这些数据后台很容易获取到,会直接给个URL给前端.不然就须要前端经过URL来传递一些参数. 
URL形式:

URL:http://www.hehe168.com/goodList.php
或者http://www.hehe168.com/goodList.php?time="2016-05-12 00:00:00&clases=""

因此总的来说:全部前端请求的URL后面的参数,都是辅助后台数据查询的.若是不须要参数,那么后台就会直接给个URL给前端.

好这个页面分析完了,你们应该有个初步认识了吧.接着往下讲.

8.前端应该如何规避一些本不属于本身作的一些任务或功能需求呢?

在与后台打交道中,咱们常常遇到这种状况,有时候明明后台来处理某个事件很简单,后台非要你来作,这时候咱们应该懂得去回绝他.

应该怎么去回拒它呢?

这可能对于以前没作过项目,或者没与后台打交道的人来说很是头痛的事,这就须要咱们对一个需求,一个任务的要有清晰认识了,若是对任务含糊不清,本身都没搞明白,你只能受后台摆布了.最后也会由于任务没有完成而备受责难了.在这里就不给你们举例子了.

面临这样的问题,咱们应该如何去作呢?

在这里给你们一些建议,也就是在与后台打交道时,不要轻易的承诺,对不少本身熟悉的需求或功能点,本身能够马上答应下来,对那些模糊不清,记下来,回去百度,看看具体原理是什么,是否是该前端这边去实现或者实现起来很是困难,那么想一想后台是否作起来很方面,去跟后台商量.

9. 当前端在调用数据接口时,发现有些数据不是咱们想要的,那么前端应该怎么办呢或者怎么跟后台讲呢?

解决办法:1,首先要把请求的URL和返回的数据以及在页面的展现的状况给跟后台看,这样有理有据,后台开发人员是不会说什么的,佛则,后台会很不耐烦的,甚至骂你的可能都有,自己作后台比较难,尤为在查询数据,取数据,封装数据方面都比较难处理.

总结

与后台交互大体就是这些问题,你们都应该有所了解了吧. 
博客地址:http://blog.csdn.net/baihuaxiu123