Html网页使用jQuery传递参数并获取Web API的数据

时间:2015-03-14 15:10:11   收藏:0   阅读:2369

 昨天Insus.NET有开始学习Web API,《ASP.NET MVC的Web Api的实练http://www.cnblogs.com/insus/p/4334316.html 。其中演练中有提及到出现异常并解决,也有举例实现了在html静态网页使用jQuery来去读Web API的数据。

本篇想实现在html网页使用jQuery实现向Web API传递参数并获取数据。

在API创建一个方法public IEnumerable<Order> GetOrderByOrderNumber(string number):
技术分享

 
新建一个html网页,比前一个例子在页面中多了一个文本框和铵钮:
技术分享


我们是希望在文本框中输入Order Number去搜索订单。接下来我们看看铵钮的事件:
技术分享


实时演示:
技术分享


 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!