前端如何调用后端接口

前端调用后台接口，通常使用jquery的ajax方式实现，本文以asp.net mvc项目中的页面调用后台方法，使用visual studio 2017开发工具（其他版本的也可以）为例，为您一步一步的演示整个过程，希望对您有所参考

操作方法

  • 01

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

  • 02

    在项目中 1）在Controllers文件夹上点击鼠标右键，依次选择【添加】->【控制器】，即可完成HomeController的创建 2）在Controller的Index方法内，点击鼠标右键，选择【添加视图】 3）在项目中添加文件夹【Content】并添加jquery源文件 4）在Index页面添加jquery的引用

  • 03

    在HomeController中添加新的方法，用于接收前台传入的参数，组装后返回

  • 04

    在Index页面中添加一个输入文本框，一个按钮，以及显示结果的dom

  • 05

    在Index页面，添加Jquery的ajax方式，调用后台接口，返回结果的处理代码

  • 06

    在vs中，按F5调试运行结果如下 1）在文本框中输入内容 2）点击按钮，调用接口，并将返回值显示在界面

  • 07

    如果要提交大量数据，或者敏感数据，请修改ajax的type方式，这样参数就不会在url地址栏中显示了

赞 (0)

相关推荐

  • 关于transmate中如何使用机器翻译调用API接口

    transmate中如何使用机器翻译,transmate中如何调用数据接口,调用有道API接口 操作方法 01 打开transmate翻译软件并点击主菜单栏的"选项"如图 02 进 ...

  • 网站如何调用api接口

    直接GET一个URL过去比如说<form action="http://api.36wu.com/Weather/GetWeather?district=%E5%8C%97%E4%BA ...

  • 小程序测试怎么测（微信小程序测试方法）

    小程序测试怎么测（微信小程序测试方法）

    点击上方头像关注我,每周上午 09:00准时推送,每月不定期赠送技术书籍,小窗口回复"资源"."测试工具包"领取测试资源.本文5178字,阅读约需13分钟小程序 ...

  • java如何从前端传图片到后端

    介绍如何使用java从前端上传图片到后端. 操作方法 01 在eclipse中创建一个web工程项目. 然后在lib文件夹中添加文件上传需要用到的组件common-io和uploadfile,并将ja ...

  • java调用接口方法

    一个类实现了某一个接口就可以调用接口中的方法,本就给大家介绍如何Java调用接口方法. 接口可以理解为一种能力,例如:每种动物都有叫的能力,但是每种动物的叫声都不一样,叫的能力就可以定义为一个接口. ...

  • 主板sata接口不认硬盘怎么办

    主板sata接口不认硬盘的原因及解决方法: 一.硬盘无法使用的故障 1.BIOS设置错误 主要出现在BIOS中有关SATA的设置错误,特别是一些早期的主板使用第三方的SATA/RAID控制芯片,但基本 ...

  • Android下的POS打印机调用的简单实现教程

    本文基于GP58系列,它可以兼容ESC/POS指令集,对EPSON的打印机通用. Android下的设备调试,如果设备提供了驱动,按照厂家的驱动调试即可;设备未提供驱动,只能按照通用的方法进行调试.这 ...

  • 怎么用易语言写插件按键精灵调用

    给按键精灵写插件的方法有很多,例如vc,vb,乃至delphi.但是,使用这些程序语言给按键精灵写插件,对编写者的要求比较高.易语言呢,编程门槛比较低,也有很多开源不开源的模块,但是在8.2版本之前, ...

  • 手机短信验证码接口被恶意攻击怎么办

    短信验证码用于用户身份验证,其中最常见的就是恶意注册,频繁调用验证码接口,导致短信数量锐减和注册用户数据质量低,对企业来说损失是很大的,为了避免这种情况,已经有比较完善的解决办法. 操作方法 01 防 ...