在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
一般来讲,前端不会给后端接口,而是后端给前端接口的情况比较普遍。一些人可能不理解接口和前端开发的关系,其实不合适的接口设计会极大地影响用户的页面体验。那么今天我们就来看看,前端如何调用后端接口?有哪几种方式?
首先,要弄清楚前端提供一个接口或者调用后台接口,那么这个接口具体指什么?网上用户上传图片作为头像 这个需求需要后台人员处理,当用户登录 修改自己个人信息的时候,上传了头像。此时,后台处理该用户update个人信息,将该图片存入数据库,一般存的都是图片地址,string形式的数据。然后,要返回到前台的时候,后台人员需要对这些用户的个人信息进行处理,不只是头像,还有一些别的信息。后台通过语言编译,生成json格式的键值对(一般是json 还有xml txt 等数据格式)。生成一个地址也就是url,前台人员利用ajax,将返回的data显示到页面就好了。大体上来讲,接口一般指的是HTTP接口,也可以说是HTTP API。接口由后端提供,前端调用后端接口以获取后端数据。而且接口由URL和HTTP方法构成,URL为接口的地址,HTTP方法指的是GET, PUT, DELETE等等。
前端调用后端接口无外乎六种方法,如下:
1、打开vs,创建空的asp.net mvc演示项目【WebMVC】
(1)依次点击【文件】->【新建】->【项目】;
(2)在【新建项目】界面选择【Web】->【ASP.NET Web 应用程序(.NET Framework)】,输入名称,选择框架至少4.5版本,点击【确定】按钮;
(3)选择【空】->【MVC】->【确定】 ;
(4)创建好了项目。
2、在项目中
(1)在Controllers文件夹上点击鼠标右键,依次选择【添加】->【控制器】,即可完成HomeController的创建;
(2)在Controller的Index方法内,点击鼠标右键,选择【添加视图】;
(3)在项目中添加文件夹【Content】并添加jquery源文件;
(4)在Index页面添加jquery的引用。
3、在Index页面中添加一个输入文本框,一个按钮,以及显示结果的dom。
4、在HomeController中添加新的方法,用于接收前台传入的参数,组装后返回。
5、在Index页面,添加Jquery的ajax方式,调用后台接口,返回结果的处理代码。
6、在vs中,按F5调试运行结果,如下:
(1)在文本框中输入内容;
(2)点击按钮,调用接口,并将返回值显示在界面;
(3)如果要提交大量数据,或者敏感数据,请修改ajax的type方式,这样参数就不会在url地址栏中显示了。
本篇讲了接口的概念和前端调用后端接口的六种方式,希望对大家的前端开发项目能有所帮助。关于前端学习的更多疑问,大家可以上博学谷平台进行更加深入的学习。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
CSS六大基本选择器介绍
CSS是一种格式化网页的标准方式,用于设置网页的样式,并允许样式信息与网页内容分离的一种技术。要使用CSS对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。本文将向大家介绍六大基本选择器,即元素选择器、类选择器、ID选择器、通用选择器、伪类选择器、伪元素选择器。
5169
2019-08-12 17:58:27
在线学习前端开发需要什么基础?
在线学习前端开发需要什么基础?会这么问的小伙伴,一定是不了解博学谷的零基础前端课程。一般来讲,普通的在线课程确实需要学习者有一些的前端知识的基础,比如HTML、CSS和JavaScript基础语法等等。但是博学谷专门为零基础的学员开设了前端在线课程,内容循序渐进,搭配着相关的项目实践,可以说是完全从零开始手把手的前端教程,即便是IT小白也可以跟得上课程进度。
5402
2019-10-25 19:09:09
Web前端开发语言有哪些?各自有什么优势?
Web前端开发语言有哪些?各自有哪些优势?就目前Web前端开发可能涉及的语言来讲,有PHP语言、JavaScript、Ruby、HTML5、Java和Python。当然并不是说以上这些语言前端开发工程师都必须掌握,其实只选择一两门熟练掌握即可。下面我们来看看这些Web前端开发语言的具体介绍和自身的优势。
12568
2020-01-12 16:30:51
前端要学多久才能去工作?具备什么技能?
零基础的初学者系统学习前端知识,学完差不多需要6个月左右的才能找工作。有一定基础的同学能够更快掌握前端技术。学习前端找工作要多久因人而异,更应该注意的是学习质量才对。只有学到了有用的技能才能不愁找不到工作。
4518
2021-01-29 16:22:03
北京前端培训班哪家好?怎么选?
北京前端培训班哪家好?对于学生而言最重要的是技术知识,如何学会,如何把学到的技术运用到项目中去,如何在培训期间实操更多的实战项目,这些硬技能才能成为培训完以后面试时的核心竞争力,选择北京前端培训班时一定要重点考察课程更新、项目实战、师资力量这三个方面。
2875
2021-03-26 14:52:05