前端如何调用后端接口

时间:2024-10-11 22:03:40

1、打开vs,创建空的asp.net mvc锿洞斜嗤演示项目【WebMVC】 1)依次点击【文件】->【新建】->【项目】 2)在【新捋杏野卫建项目】界面选择【Web】->【ASP.NET Web 应用程序(.NET Framework)】,输入名称,选择框架至少4.5版本,点击【确定】按钮 3)选择【空】->【MVC】->【确定】 4)创建好的项目如图所示

前端如何调用后端接口
前端如何调用后端接口
前端如何调用后端接口
前端如何调用后端接口

2、在项目中 1)在Controllers文件夹上点击鼠标右键,依次选择【添加】->【控制器】,即可完成Ho罪焐芡拂meController的创建 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地址栏中显示了

前端如何调用后端接口
© 手抄报圈