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

2024-11-15 08:54:00
推荐回答(2个)
回答(1):

主要就是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。这样的话才能提高核心竞争力。


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

回答(2):

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


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

// 将后台数据输出到html中,樱首可以通过获取div的innerHTML获取数据
content............


// 将动态数据输出到input中


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


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


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


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

相关问答