首先，要弄清楚前端供应一个接口或者调用后台接口，那么这个接口详细指什么？网上用户上传图片作为头像这个需求须要后台职员处理，当用户登录 修正自己个人信息的时候，上传了头像。此时，后台处理该用户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地址栏中显示了。
本篇千锋武汉Web前端培训
如果你想要快速高效的学习Web前端开拓，你可以来千锋武汉Web前端培训。千锋武汉Web前端培训课程以实战项目驱动传授教化，结合时下流行技能，加入大数据可视化内容，同时深化了PHP+MySQL开拓内容，精准匹配企业线下及未来需求，除了培养学员的开拓技能，着力培养学员的大前端视角与全栈思维，深度贯穿前端后端开拓，紧贴主流企业一线需求，助力千锋学员毕业即高薪就业。
