前端和后端是怎么交互的(转)

原文章地址:https://www.cnblogs.com/huchong-bk/p/11394090.html

偶然间看到这篇文章阅读量最高,相信一些小白对一些前后端交互的事情还是一头雾水,那么借着这次机会我在这篇文章的开头加上一些自己的看法希望可以帮到你们

前后端交互其实说起来很高大上的样子,其实也就那样,等你对接口了以后发现也很简单啊

接口数据格式你可以和你的后端商量,比较正规的会给你一个接口文档,上面写清了参数和代表的意义,以及传递的数据类型,接着他会给你一个接口,然后我们前端要做的就是对接口了,一般是用ajax来请求接口,请求里面放上url,dataType和success成功以后要执行的操作就好了,在这个成功函数里面你可以写当你这个请求成功以后你想执行的操作,当你不确定是否请求到的时候,你可以F12来查看响应码,或者在成功函数里面打印console.log(data)来检查,记得这个data也要传递给success函数哦,就是这个成功函数的形参,名字你可以随便换,下面保持一致就可以了

还有什么不懂的可以看我博客上其他的内容,相信肯定有你想要的,从基础到大神麻烦关注我,我们一起成长

(想看怎么对接口的可以看Echarts实战或者ajax专题,或者有问题直接留言我会尽我所能)

下面文章来源:apple_wheat

1、前端请求数据URL由谁来写

在开发中,URL主要是由后台来写好给前端。 
若后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数(即URL请求的参数)。

2、接口文档主要由谁来写

接口文档主要由后台设计和修改。 
后台直接跟数据打交道,最清楚数据库里有什么数据,能返回什么数据。 
前端只是数据的被动接受者,只是接口文档的使用者。 
使用过程中,发现返回的数据部队,则跟后台商量,由后台修改。 
切记:前端不能随意更改接口文档,除非取得后台同意。

3、前端与后台交互的数据格式

主要是JSON,XML现在用的不多

4、前端与后台的交互原理

关注点:接口地址、前端请求的参数、后端返回的参数。 
调一下接口,看一下返回的数据。

5、前端请求参数的形式

GET和POST两种方式 
GET从指定的服务器中获取数据,POST提交数据给指定的服务器处理

6、前端应该告知后台那些有效信息,后台才能返回前端想要的数据

先将要展示的页面内容进行模块划分,将模块的内容提取出来,以及方便前端的一些标志值等,将所有想要的内容和逻辑告知后端 
后端从数据库里面去查询相应的数据表以获得相应的内容或者图片地址信息 
URL中的参数主要是根据后台需要,若后台需要一个参数作为查询的辅助条件,前端在URL数据请求时就传递参数

7、前端如何把页面信息有效传达给后台,以及后台如何获取到这些数据

所有前端请求的URL后面的参数都是辅助后台数据查询的 
若不需要参数,那后台就会直接给个URL给前端

8、前端应该如何回拒一些本不属于自己做的一些功能需求或任务

前端负责把数据展示在页面上 
清晰的认识自己需要做的需求和任务

9、当前端在调用数据接口时,发现有些数据不是我们想要的,那么前端应该怎么办

把请求的URL和返回的数据以及在页面的展示的情况给后台看【后台查询数据、取数据、封装数据方面等蛮难处理的】

10、为什么需要在请求的时候传入参数

后台在查询数据库的时候需要条件查询

原文地址:https://www.cnblogs.com/Stephen-Qin/p/12283936.html

时间: 2024-08-02 04:45:25

前端和后端是怎么交互的(转)的相关文章

前端和后端是如何交互的

1.前端请求数据URL由谁来写?在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数,这里的查询参数也就是URL请求的参数. 2.接口文档主要由谁来写?接口文档也是主要由后台开发者来写的,因为直接跟数据打交道的就是后台,后台是最清楚,数据库里面有什么数据,能返回什么数据.前端开发只是数据的被动接受者.所以接口文档也主要是由后台来完成的,前端只是接口文档的使用者,使用过程中,发现返回的数据不对,

jQuery Ajax 前端和后端数据交互的问题

原理:前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收1)提交表单数据2)提交JSON数据 后端的数据接收与响应1)接收GET请求数据2)接收POST请求数据3)响应请求 1.提交表单数据 1)GET请求 1 var data = { 2 "name": "test", 3 "age": 1 4 }; 5 $.ajax({ 6 type: 'GET', 7 url:

现代软件工程_团队项目_阿尔法阶段_前端及后端新增功能_v1.0.1_2017.11.29

前端及后端新增功能v1.0.2 本篇文章的后端功能由php实现,可在阿里云服务器上查看源代码 一.实现功能简介: 注册新用户 登录 检验是否登录 完善我的信息 发布我的自习 显示已有自习列表 翻页查看更多自习 二.具体实现 注册新用户 前端页面为regestered.html 1.表单信息 账号account 密码password 确认密码confirmPassword 昵称nickname 手机号码cellphonNumber 科大邮箱ustcEmail 验证码verificationCode

对一个前端AngularJS,后端OData,ASP.NET Web API案例的理解

依然chsakell,他写了一篇前端AngularJS,后端OData,ASP.NET Web API的Demo,关于OData在ASP.NET Web API中的正删改查没有什么特别之处,但在前端调用API时,把各种调用使用$resouce封装在一个服务中的写法颇有借鉴意义. 文章:http://chsakell.com/2015/04/04/asp-net-web-api-feat-odata/源码:https://github.com/chsakell/odatawebapi 首先是领域模

前端加后端验证倒计时答题功能实现

思路 前端页面控制答题的开始,请求后台,后台记录开始的时间(发出请求的当前时间),再加上倒计时时间,得出结束时间. 后端返回给前端剩余的时间,前端通过Jquery实现倒计时的动态效果. 当倒计时结束,禁止答题,当用户刷新页面时,比较请求时间与结束时间,如果前者小于后者,答题继续,否则反之. 其中,答题时间.开始时间.结束时间,均保存在内存中. 实现(SpringMVC+Jquery) 后端: 1 /** 2 * Copyright 2016 Zhengbin's Studio. 3 * All

前端和后端如何合作

我们的流程是这样的,后台提供数据接口,或接口文档. 然后我们前台进行razor模板的数据逻辑嵌套或html,css,js整个流程的开发. 缺点是:工作量是满大的,优点是,所有前端view层的东西都是可控的. 坑是比较多的, 比如数据出现问题时,没有一个经验丰富的前端或后端进行联调, 有问题短时间内是解决不了的. 一般跟后台合作分为这几种模式:1. 只产出html页面,然后交给后端来处理数据.这种的好处是工作量比较少,公司没有专门的前端岗位时可以实行这种办法.但这种的缺点也是显而易见的,后端人员工

前端和后端

舞台是展示自己最华丽的一面,那么,后台则是很多工作人员所运转. 一个大舞台,需要的是前端和后端,那么前端是什么,后端是什么? 我们抛开技术不说,举个例子吧! 比如一个大型的演唱会,如果没有一个好的歌手,没有好听的歌,不过光靠歌手还不行,还需要舞台,这个舞台需要谁来支撑呢?没错,就是后面的工作人员,没有他们,就没有这样顺利的演唱会. 如果前端是歌手,那么后端则是工作人员,这样就很好理解了,我们前端是干什么的.但是光靠展示和设计出漂亮的网页还不行,还需要和后端好好配合才能做好,所以这个博文会列举出后

前端页面js与flash交互——js获取flash对象,并传递参数

背景介绍: 最近在搞一个项目,涉及到图片选取,裁剪,上传等,由于浏览器安全性问题,js无法获取到<input type="file">中选取的文件路径,而且对照片的裁剪,抠图等由HTML5实现的功能,对各大浏览器的兼容性,真是不敢太大胆.这个时候就引进了flash,然后所有js做不了的让flash来做,然后由js来控制页面元素.就这样开始了js与as的交互之旅,听做flash的大叔说,flash调js的函数式很好调的,而js调as不大容易.最终的情况是as调js错误层出不穷

文件上传之前端和后端

明天又是星期一.发现周末的时间过得真快啊.光阴似子弹,嗖的一下,两天就没了. 文件上传是web开发中很常见的场景,比如填写个人信息的时候传一两张自己美美哒照片,比如上传一张个性的头像.有时候需要上传一个压缩包,文档啥的.作为程序员嘛,自然免不了要想办法让这些美照啊,文件啊顺利的到达服务器. 今天我来写一段最简单的文件上传.至于简单到什么程度,那我先介绍一下稍微复杂的文件上传吧. 1.web2.0时代,用户体验是web开发必须考虑的问题,文件上传自然不能跳转,所以,类Ajax的方式上传文件是现代网