什么是前端开发的后台交互?
主要就是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。这样的话才能提高核心竞争力。
以后我们多多交流,有帮助就采纳!!!
谢谢
有问题再交流
简单点说,就是前端技术与后端技术沟通,根据业务定义交互接口,交互接口的的形式可能包含:
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或其他格式的数据。
总之,前端后端交互无非就是,前端如何取到后台数据,然后控制页面的显示与操作,使用什么方式获取数据其实无所谓,目的只有一个就是获取到数据用于展示。