前端调用后台接口，通常使用jquery的ajax方式实现，本文以asp.net mvc项目中的页面调用后台方法，使用visual studio 2017开发工具（其他版本的也可以）为例，为您一步一步的演示整个过程，希望对您有所参考
工具/原料
1
visual studio 2017
2
.net framework 4.5+
方法/步骤
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
在HomeController中添加新的方法，用于接收前台传入的参数，组装后返回
4
在Index页面中添加一个输入文本框，一个按钮，以及显示结果的dom
5
在Index页面，添加Jquery的ajax方式，调用后台接口，返回结果的处理代码
6
在vs中，按F5调试运行结果如下 1）在文本框中输入内容 2）点击按钮，调用接口，并将返回值显示在界面
7
如果要提交大量数据，或者敏感数据，请修改ajax的type方式，这样参数就不会在url地址栏中显示了
下一篇：如何轻松学html和js