一般来讲,前端不会给后端接口,而是后端给前端接口的情况比较普遍。一些人可能不理解接口和前端开发的关系,其实不合适的接口设计会极大地影响用户的页面体验。那么今天我们就来看看,前端如何调用后端接口?有哪几种方式?
首先,要弄清楚前端提供一个接口或者调用后台接口,那么这个接口具体指什么?网上用户上传图片作为头像 这个需求需要后台人员处理,当用户登录 修改自己个人信息的时候,上传了头像。此时,后台处理该用户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地址栏中显示了。
本篇讲了接口的概念和前端调用后端接口的六种方式,希望对大家的前端开发项目能有所帮助。关于前端学习的更多疑问,大家可以上博学谷平台进行更加深入的学习。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
快速学习Vue框架(知识点集合)
学习Vue的小伙伴速度看过来,快速学习Vue框架知识点集合贴来啦。建议收藏,尤其基础并不是很扎实的同学,本篇集合贴就是你日后工作的参考手册。
7007
2019-08-07 18:11:19
Web前端开发培训班课程怎么样?如何选择靠谱的培训班?
目前学习前端成为进入互联网主要途径之一。随着互联网技术的高度迭代更新,多平台发展,Web前端开发成为市场的娇宠,目前Web前端岗位市场需求量较大,薪资水平也处于较高水平,因此大部分同学通过参加Web前端开发培训班课程进入前端开发领域。
1605
2019-08-22 17:59:01
微信小程序前端怎么做?新手开发入门教程
在大家的实际生活中,微信小程序随处可见。想必大家都多多少少学习过微信小程序,或者尝试开发微信小程序,那么微信小程序前端怎么做呢?本文是一个新手开发入门教程,希望给前端的小伙伴开发小程序,提供一点帮助。
2872
2019-09-05 17:48:42
前端开发者如何提升自我能力?对前端开发者的建议
对于众多的前端开发者来说,即使是在工作后也难免时常被这样的问题所困扰,前端开发者要如何提升自我能力?其实前端开发的道路是没有捷径的,只有不断学习和积累经验,向着自己明确的目标规划才是最重要的。下面我们来看看前端开发者具体需要学习的内容和方式。
1990
2019-11-14 16:41:42
网络前端工资大概多少?前景怎么样?
从薪资水平来看Web前端开发工程师确实属于高薪职业。一线城市初级Web前端开发工程师职位月平均收入为1.5万左右,随着工作经验的增长薪资也是水涨船高。
13
2021-04-22 10:17:27
热门文章
- 百度对优质内容的要求有哪些?如何优化?
- Java字节流输入输出数据的常用方法介绍
- IT培训学费一般多少钱?价格是否合理?
- 小白需要学习的Java入门基础有哪些?
- 电商运营学习的基础知识点汇总
- 网络前端工资大概多少?前景怎么样?
- 为什么大家越来越重视大数据的发展?
- 影响网络安全的因素有哪些?如何提高网络安全性?
- 机械专业转行Java程序员能成功吗?
- 软件测试能干到多少岁?有年龄限制吗? 查看更多
扫描二维码,了解更多信息
