什么是前端开发的后台交互？
主要就是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或其他格式的数据。
总之，前端后端交互无非就是，前端如何取到后台数据，然后控制页面的显示与操作，使用什么方式获取数据其实无所谓，目的只有一个就是获取到数据用于展示。
|
广告 您可能关注的内容 |
