关于使用webapi，调用出现，跨域的问题，有高人帮我看看如何解决？

ruan1978 2018-08-09 02:12:57
有朋友写了一个操作硬件的接口，用来控制某个硬件设备的开关。他访问的接口是用php给我封装的，也就是用php写了webapi，可以供我调用。他提供的参数方式是这样的：
调用的api接口完整地址：http://iot-local.joy-iot.com:8123/V1.0.0/stl201/doorOp/dooropen
参数说明：
请求参数：
{
"operatorId":"PZYNjFSErHeqpiVXP69TfxcCal4a",//由我提供，暂时为固定值
"operationId":"27c1913b4829438eba726b7d072446b4",//请求开门命令返回的执行ID号
"lockId":"ee6d7842-7ea3-4f1a-9f39-4c1bb636e55e",//锁编码
"token":"PZYNjFSErHeqpiVXP69TfxcCal4a"//由我提供，暂时为固定值
}
成功调用后的返回参数
{
"result": "success.",//成功
"reason": "fine.",//成功
"timestamp": "2018-6-27 14:33",//操作时间，UTC时间
"oprationId": "27c1913b4829438eba726b7d072446b4 "//本次操作的唯一编码
}
我用vs2012 c#，用mvc方式做了一个简单页面，来调用他的接口，具体页面代码如下：
@{
ViewBag.Title = "测试接口";
}
<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>测试硬件接口</title>
<script type="text/javascript" src="~/Scripts/jquery-1.7.1.min.js"></script>
<link href="~/CSS/style.css" rel="stylesheet" />
<script type="text/ecmascript">
$(document).ready(function() {
$("#btnLockOpen").click(function () {
$.ajax({
type:"post",
url: "http://iot-local.joy-iot.com:8123/V1.0.0/stl201/doorOp/dooropen",
contentType:"application/json",
data: { operatorId: "PZYNjFSErHeqpiVXP69TfxcCal4a", operationId: "27c1913b4829438eba726b7d072446b4", lockId: "ee6d7842-7ea3-4f1a-9f39-4c1bb636e55e", token: "PZYNjFSErHeqpiVXP69TfxcCal4a" },
success:function(data){
if(data==true){
$("printresult").html("成功!");
}else{
$("printresult").html("失败!");
}
}
});
})

</script>
</head>
<body>
<p>
<input type="button" id="btnLockOpen" value="开" />
</p>
<div id="printresult">

</div>
</body>
</html>
我运行后，在 ie中，单击页面上的按钮没有任何效果，然后单击按钮看右键，“查看元素”，出现如下提示：
HTTP403: 禁止访问 - 服务器已了解请求，但将拒绝满足该请求。
(XHR)OPTIONS - http://iot-local.joy-iot.com:8123/V1.0.0/stl201/doorOp/dooropen。
也问了开发朋友，说是访问域的问题，浏览器端直接不允许这样的操作。但是我想通过这种方式来实现跨域访问，还是用c#,还是用mvc方式，有没有好的办法？求助
...全文
500 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
以专业开发人员为伍 2018-08-10
  • 打赏
  • 举报
 回复
引用 8 楼 ruan1978 的回复:
我是最新的win10上的浏览器啊！


那你就认真查一下 jquery ajax 如何设置跨域啊！
娃都会打酱油了 2018-08-10
  • 打赏
  • 举报
 回复
跨域必须api提供方做支持，否则你只能后台代码代理调用
ruan1978 2018-08-10
  • 打赏
  • 举报
 回复
引用 4 楼 daixf_csdn 的回复:
前端实现，你可以百度：ajax 跨域。答案很多。

谢谢！
ruan1978 2018-08-10
  • 打赏
  • 举报
 回复
引用 6 楼 sp1234 的回复:
不要采用过去的、非标准的所谓跨域方法。

如果一定要给10几年前的淘汰了的浏览器支持跨域，那么你可以在你自己的 asp.net 网站中创建一个“一般处理程序”作为中转服务，你自己的浏览器端访问自己的中转服务就不会有问题，而从服务器端访问就不存在跨域问题。

大师，我是最新的win10上的浏览器啊！
以专业开发人员为伍 2018-08-10
  • 打赏
  • 举报
 回复
随便简单点理解，就是代码要这样写
url: "stl201/doorOp/dooropen",

访问自己的服务，然后服务器端再来中转一下。
以专业开发人员为伍 2018-08-10
  • 打赏
  • 举报
 回复
不要采用过去的、非标准的所谓跨域方法。

如果一定要给10几年前的淘汰了的浏览器支持跨域，那么你可以在你自己的 asp.net 网站中创建一个“一般处理程序”作为中转服务，你自己的浏览器端访问自己的中转服务就不会有问题，而从服务器端访问就不存在跨域问题。
以专业开发人员为伍 2018-08-10
  • 打赏
  • 举报
 回复
html5 有新的标准化的跨域机制，你可以查一下 jquery ajax 如何设置跨域。
圣殿骑士18 2018-08-10
  • 打赏
  • 举报
 回复
前端实现，你可以百度：ajax 跨域。答案很多。
圣殿骑士18 2018-08-10
  • 打赏
  • 举报
 回复
业务逻辑在后台实现更好。
你说的限制是什么，是这个？

//设置多线程环境下调用HttpWebRequest并发连接限制.注:此值最好不要超过1024
System.Net.ServicePointManager.DefaultConnectionLimit = 512;
ruan1978 2018-08-10
  • 打赏
  • 举报
 回复
希望再提供针对性的文章内容。
ruan1978 2018-08-09
  • 打赏
  • 举报
 回复
引用 1 楼 xomix 的回复:
[quote=引用 楼主 ruan1978 的回复:]
有朋友写了一个操作硬件的接口，用来控制某个硬件设备的开关。他访问的接口是用php给我封装的，也就是用php写了webapi，可以供我调用。他提供的参数方式是这样的：
调用的api接口完整地址：http://iot-local.joy-iot.com:8123/V1.0.0/stl201/doorOp/dooropen
参数说明：
请求参数：
{
"operatorId":"PZYNjFSErHeqpiVXP69TfxcCal4a",//由我提供，暂时为固定值
"operationId":"27c1913b4829438eba726b7d072446b4",//请求开门命令返回的执行ID号
"lockId":"ee6d7842-7ea3-4f1a-9f39-4c1bb636e55e",//锁编码
"token":"PZYNjFSErHeqpiVXP69TfxcCal4a"//由我提供，暂时为固定值
}
成功调用后的返回参数
{
"result": "success.",//成功
"reason": "fine.",//成功
"timestamp": "2018-6-27 14:33",//操作时间，UTC时间
"oprationId": "27c1913b4829438eba726b7d072446b4 "//本次操作的唯一编码
}
我用vs2012 c#，用mvc方式做了一个简单页面，来调用他的接口，具体页面代码如下：
@{
ViewBag.Title = "测试接口";
}
<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>测试硬件接口</title>
<script type="text/javascript" src="~/Scripts/jquery-1.7.1.min.js"></script>
<link href="~/CSS/style.css" rel="stylesheet" />
<script type="text/ecmascript">
$(document).ready(function() {
$("#btnLockOpen").click(function () {
$.ajax({
type:"post",
url: "http://iot-local.joy-iot.com:8123/V1.0.0/stl201/doorOp/dooropen",
contentType:"application/json",
data: { operatorId: "PZYNjFSErHeqpiVXP69TfxcCal4a", operationId: "27c1913b4829438eba726b7d072446b4", lockId: "ee6d7842-7ea3-4f1a-9f39-4c1bb636e55e", token: "PZYNjFSErHeqpiVXP69TfxcCal4a" },
success:function(data){
if(data==true){
$("printresult").html("成功!");
}else{
$("printresult").html("失败!");
}
}
});
})

</script>
</head>
<body>
<p>
<input type="button" id="btnLockOpen" value="开" />
</p>
<div id="printresult">

</div>
</body>
</html>
我运行后，在 ie中，单击页面上的按钮没有任何效果，然后单击按钮看右键，“查看元素”，出现如下提示：
HTTP403: 禁止访问 - 服务器已了解请求，但将拒绝满足该请求。
(XHR)OPTIONS - http://iot-local.joy-iot.com:8123/V1.0.0/stl201/doorOp/dooropen。
也问了开发朋友，说是访问域的问题，浏览器端直接不允许这样的操作。但是我想通过这种方式来实现跨域访问，还是用c#,还是用mvc方式，有没有好的办法？求助

可以在后端用webclient调用这个接口后返回到前端。
[/quote]
webclient能突破浏览器带来的限制？
非专业开发Five 2018-08-09
  • 打赏
  • 举报
 回复
引用 楼主 ruan1978 的回复:
有朋友写了一个操作硬件的接口，用来控制某个硬件设备的开关。他访问的接口是用php给我封装的，也就是用php写了webapi，可以供我调用。他提供的参数方式是这样的：
调用的api接口完整地址：http://iot-local.joy-iot.com:8123/V1.0.0/stl201/doorOp/dooropen
参数说明：
请求参数：
{
"operatorId":"PZYNjFSErHeqpiVXP69TfxcCal4a",//由我提供，暂时为固定值
"operationId":"27c1913b4829438eba726b7d072446b4",//请求开门命令返回的执行ID号
"lockId":"ee6d7842-7ea3-4f1a-9f39-4c1bb636e55e",//锁编码
"token":"PZYNjFSErHeqpiVXP69TfxcCal4a"//由我提供，暂时为固定值
}
成功调用后的返回参数
{
"result": "success.",//成功
"reason": "fine.",//成功
"timestamp": "2018-6-27 14:33",//操作时间，UTC时间
"oprationId": "27c1913b4829438eba726b7d072446b4 "//本次操作的唯一编码
}
我用vs2012 c#，用mvc方式做了一个简单页面，来调用他的接口，具体页面代码如下：
@{
ViewBag.Title = "测试接口";
}
<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>测试硬件接口</title>
<script type="text/javascript" src="~/Scripts/jquery-1.7.1.min.js"></script>
<link href="~/CSS/style.css" rel="stylesheet" />
<script type="text/ecmascript">
$(document).ready(function() {
$("#btnLockOpen").click(function () {
$.ajax({
type:"post",
url: "http://iot-local.joy-iot.com:8123/V1.0.0/stl201/doorOp/dooropen",
contentType:"application/json",
data: { operatorId: "PZYNjFSErHeqpiVXP69TfxcCal4a", operationId: "27c1913b4829438eba726b7d072446b4", lockId: "ee6d7842-7ea3-4f1a-9f39-4c1bb636e55e", token: "PZYNjFSErHeqpiVXP69TfxcCal4a" },
success:function(data){
if(data==true){
$("printresult").html("成功!");
}else{
$("printresult").html("失败!");
}
}
});
})

</script>
</head>
<body>
<p>
<input type="button" id="btnLockOpen" value="开" />
</p>
<div id="printresult">

</div>
</body>
</html>
我运行后，在 ie中，单击页面上的按钮没有任何效果，然后单击按钮看右键，“查看元素”，出现如下提示：
HTTP403: 禁止访问 - 服务器已了解请求，但将拒绝满足该请求。
(XHR)OPTIONS - http://iot-local.joy-iot.com:8123/V1.0.0/stl201/doorOp/dooropen。
也问了开发朋友，说是访问域的问题，浏览器端直接不允许这样的操作。但是我想通过这种方式来实现跨域访问，还是用c#,还是用mvc方式，有没有好的办法？求助

可以在后端用webclient调用这个接口后返回到前端。
WebApi 基础+进阶 MVC 实战视频教程
WebAPI 是一种用来开发系统间接口、设备接口 API 的技术，基于 Http 协议，请求和返回格式结果默认是 json 格式。比 WCF 更简单、更通用，比 WebService 更节省流量、更简洁，Web API 是一个轻量级的框架，非常适合构建移动客户端服务。WebApi 基础+进阶 实战视频教程，整个课程分为两个阶段，基础和进阶（提高）阶段，两个阶段都会在讲解理论的同时提供一些相关示例，带着大家实战实操，在此过程中，由入门到进阶，由简单至复杂，循序渐进的掌握 WebAPI 项目开发的重要知识点和技巧。2020-3-25课程更新，新增课时：【关于大家近期对学习过期中出现的一些问题/报错的集中反馈】，如已有解决此类问题经验的同学可略过不看。问题如下：1 创建项目之后自己的类不可以继承DbContext，必须安装EnitityFamework； 2 访问api/product接口不报错，但数据也不显示，没有连接正确的数据库表格； 3 public DbSet Product   是否需要和数据库表名一致......
sessionstorage可以跨域吗_聊聊前端跨域的爱恨情仇
版权声明：聊聊前端跨域的爱恨情仇，由 七喜先生 首次发表于 七喜先生の猫 ，本文地址为：https://blog.yuanpei.me/posts/3846545990/，转载请注明作者和出处。今天是过完春节以后的第二周啦，而我好像终于回到正常工作的状态了呢，因为突然间就对工作产生了厌倦的情绪，Bug就像无底洞一样吞噬着我的脑细胞。人类就像一颗螺丝钉一样被固定在整部社会机器上，除了要让自己看起...
angular蚂蚁_angular4 调用api
angular2 问题请教angular2 通过http服务进行对后端api的远程调用？我简单的尝试了一下，发现了几个问题，记录一下，以方便查找问题。angular2 http服务的跨域问题？跨域本身就是一个很复杂的问题，angular2对跨域的处理。angular2 如果在providers中加入http服务会出...文章架构师郭郭2016-11-29670浏览量Angular5.1以及更多可用...
聊聊前端跨域的爱恨情仇
今天是过完春节以后的第二周啦，而我好像终于回到正常工作的状态了呢，因为突然间就对工作产生了厌倦的情绪，Bug就像无底洞一样吞噬着我的脑细胞。人类就像一颗螺丝钉一样被固定在整部社会机器上，除了要让自己看起来像个正常人一样，还要拼命地让所有人都像个正常人一样。过年刚经历过被催婚的我，面对全人类近乎标准的“幸福”定义，大概就是我此刻这种状态。其实，除了想自己定义“幸福”以外，我还想自己定义“问题”，因为...
VC++中可能遇到的问题
 T 如何用程序控制电源管理设置  Q 我们知道在电源选项 属性 里面可以设置   关闭监视器  1分钟之后，...,从不  关闭硬盘    1分钟之后，...,从不  待机时间    1分钟之后，...,从不请问这些设置我怎么用程序来实现 比如我现在要把关闭监视器设成 5分钟之后 请问各位大虾，应该怎么办？是不是要调用API?如果是，应该调用什么函数？另外补充说明:如果是调出控制面板让用户自
Web Services

12,162

社区成员

16,328

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术 Web Services
社区管理员
  • Web Services社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章