什么是前端开发的后台交互?

 我来答
Prince____Yu
推荐于2017-10-10 · TA获得超过3718个赞
知道小有建树答主
回答量:864
采纳率:33%
帮助的人:959万
展开全部

主要就是js对数据的操作和对dom的操作。


前端的工作就是切图,展示数据到网页中。那么怎么获取数据呢?以什么格式获取数据呢?都是需要和后台交互的。


后台语言都是不一样的:php,jsp等等,我们前端js的工作就是把他们的数据拿过来显示。


给你举个梨子吧,我们公司后台抛数据一般就smarty(php)的框架或者是ajax来传。


如果是smarty的话,前端直接负责把smarty填写到html网页中。


如果是ajax的话,前端负责用js操作数据并展示,下面是一个我们前后端规定的数据格式:

{"flag":"001","content":{}}

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


现在主流的前后端交互是用ajax吧,主流的框架用jquery,给你一个jquery请求ajax的例子:

$.ajax({
        url: '/path/to/file',//请求地址
        type: 'GET',
        dataType: 'json',
        data: {param1: 'value1'},//参数
        success: function (obj){ //返回的内容
            //遍历obj//前端在这里操作返回的数据,并展示
        }
    })

前后端交互没那么难,前端最关键核心的东西是core js。

dom操作都是可以找api,然后对着文档来做,想提高前端就提高自己的core js。这样的话才能提高核心竞争力。


以后我们多多交流,有帮助就采纳!!!

追答
谢谢
有问题再交流
maxzhang123
2013-12-31 · TA获得超过1424个赞
知道小有建树答主
回答量:181
采纳率:0%
帮助的人:218万
展开全部

简单点说,就是前端技术与后端技术沟通,根据业务定义交互接口,交互接口的的形式可能包含:


1、后端将数据输出到HTML页面,在JS控制逻辑中需要访问数据时可以从HTML中取得,如下:

// 将后台数据输出到html中,可以通过获取div的innerHTML获取数据
<div id="div1">content............</div>

// 将动态数据输出到input中
<input type="hidden" value="content" />

// 定义一个window下的全局变量,在JS需要使用时,可以随时取得
window.Configs = {
  username: 'xxxx'
};


还有一种,使用cookie进行数据的交互,但是cookie的限制就比较多,所以应用场景会受到限制。


2、定义前后端请求的接口,一般是AJAX接口,如果存在跨域问题或一些特殊的业务场景,可能也会使用JSONP或者其他方式,总之,不论是何种方式请求,目的都是动态的请求数据,然后根据返回数据刷新页面内容。返回数据的格式现在主流是使用JSON格式,但是也不排除一些特殊的业务场景需要是使用XML或其他格式的数据。


总之,前端后端交互无非就是,前端如何取到后台数据,然后控制页面的显示与操作,使用什么方式获取数据其实无所谓,目的只有一个就是获取到数据用于展示。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式