jQuery跨域调用Web API
我曾经发表了一篇关于如何开发Web API的博客,链接地址:http://www.cnblogs.com/guwei4037/p/3603818.html。有朋友说开发是会开发了,但不知道怎么调用啊?那么这里我就演示一下如何进行跨域调用Web API,算是对上面博客的补充。
因为在浏览器中是不允许跨域访问Web API的(为了安全),所以必须要对我们开发的Web API添加跨域功能。在Web API中添加跨域功能非常简单,只需要引入一个包Microsoft.AspNet.WebApi.Cors即可,直接通过Nuget安装即可。
然后在WebApiConfig里面添加跨域支持代码:
EnableCorsAttribute的构造函数指定的三个参数均为*,表示支持所有的访问。第一个参数表示访问的源;第二个参数表示访问的头信息;第三个参数表示允许的方法,比如:HEAD、OPTIONS、DELETE、GET、POST等等。
最后将Web API项目编译发布到IIS,然后就可以通过jQuery调用Web API。
完整的HTML调用Web API的代码如下:
<html> <head><script src="jquery-1.4.2.js"></script><script type="text/javascript">$(function(){$.ajax({type:'get',async: false,url:'http://10.77.137.120:9876/Api/IPAddress',dataType:'JSON',data:{}, success:function(result){var json = JSON.parse(result);for(var i = 0;i<json.length;i++){$("#citys").append("<tr><td>"+(parseInt(i)+1)+"</td><td>"+json[i].IPAddress+"</td><td>"+json[i].Province+"</td><td>"+json[i].City+"</td></tr>");}}});});</script> </head> <body><table id="citys" cellspacing=0 cellpadding=0 border=1><thead><th>序号</th><th>IP</th><th>省份</th><th>地市</th></thead></table> </body> </html>
jQuery跨域调用Web API相关推荐
- 以短链服务为例,探讨免AppKey、免认证、Ajax跨域调用新浪微博API
新浪微博的API官方提供了很多种调用方式,支持编程的,归根结底就是两种: 1.基于Oauth协议,使用Open API.(http://open.weibo.com/wiki/%E6%8E%88%E6 ...
- jquery跨域调用webService
jquery跨域调用webService,以及解决跨域情况下只能返回XMl格式数据的问题 http://lu.9efish.com/blog/jquery-cross-domain-call-asp. ...
- jquery跨域调用wcf
使用jquery跨域调用wcf服务的时候会报如下错误 1 $.ajax({ 2 url: 'http://localhost:28207/Service1.svc/GetData', 3 method ...
- Jquery跨域调用(JSONP)遇到error问题的解决
2019独角兽企业重金招聘Python工程师标准>>> 之前Jquery的跨域调用一直没有解决,不知道为什么老是执行error里的语句,今天花了点时间研究了一下,终于把问题解决了. ...
- jquery ajax跨域asp,jQuery跨域调用Asp.Net Web API
Asp.Net Web API是一个轻量级的Web服务,当Web API和Web程序不是部署在同一域的时候,要使用jQuery来实现调用API的接口就存在跨域的问题.下面介绍两种方式来解决jQuery ...
- Dynamics CRM中跨域调用Web API 2
关注本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复224或者20160611可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong. ...
- $.ajax 跨域请求 Web Api
WepApi确实方便好用,没有配置文件,一个apicontroller直接可以干活了.但今天用$.ajax跨域请求的时候总是获取不到数据,用fiddler一看确实抓到了数据,但回到$.ajax函数中, ...
- 跨域调用webapi web端跨域调用webapi
web端跨域调用webapi 在做Web开发中,常常会遇到跨域的问题,到目前为止,已经有非常多的跨域解决方案. 通过自己的研究以及在网上看了一些大神的博客,写了一个Demo 首先新建一个webapi的 ...
- web端跨域调用webapi
在做Web开发中,常常会遇到跨域的问题,到目前为止,已经有非常多的跨域解决方案. 通过自己的研究以及在网上看了一些大神的博客,写了一个Demo 首先新建一个webapi的程序,如下图所示: 由于微软已 ...
最新文章
- 机器学习与数据科学 基于R的统计学习方法(基础部分)
- javascript函数调用的几种方式
- 计算机应用基础教案 马成荣,江苏省职业学校计算机应用基础(马成荣主编)课程两课评比教案:单元教学设计说明...
- Linux 基础命令讲解--加密解密
- CS224n——lecture3课程导学
- DrawWindowFrame
- Spring :Spring Aop 创建代理
- java 异常怎么划分_java异常的分类
- [转]Android核心分析之二:方法论探讨之概念空间篇
- postman电脑版无法安装_Postman 安装及使用入门教程
- Apache HttpClient POST数据(https)
- 【NOIP2016】【Luogu2010】回文日期(枚举,可以计算出部分值)
- 2012.4.16总结(四)
- python_PEP 8: E703 statement ends with a semicolon
- 稍加改进的Switch/Case扩展方法
- App小程序 时间Note
- python 爬取糗百
- 64位32位 java 浏览器,所有的Java小程序可以在64位JRE启用浏览器中运行?
- 亿万级市场爆发在即 思岚科技实力抢滩移动底盘新蓝海
- 摄影测量学和计算机视觉,科学网—摄影测量与计算机视觉——系列1 光与视觉 - 季顺平的博文...