对 WebApi2 的外部 JSON 请求不起作用答案

【问题标题】：External JSON Request to WebApi2 not working对 WebApi2 的外部 JSON 请求不起作用
【发布时间】：2016-01-13 17:37:16
【问题描述】：

我用 webApi2 创建了一个 web 服务，并在我的 IIS 上发布了它。

您可以输入一个数字，然后该数字会保存到 SQL 数据库中。

现在我想从另一个网站调用此服务，但我卡住了。

JSON 帖子不起作用，因为我还是初学者，所以我不明白为什么。

你可以在这里找到来源：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title></title>
<link href="http://195.2.164.73:9081/Content/css?v=WMr-pvK-ldSbNXHT-    cT0d9QF2pqi7sqz_4MtKl04wlw1" rel="stylesheet"/>

<script src="http://195.2.164.73:9081/bundles/modernizr?    v=qVODBytEBVVePTNtSFXgRX0NCEjh9U_Oj8ePaSiRcGg1"></script>

</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<body>
<header>
<div class="content-wrapper">
<div class="float-left">
<p class="site-title">
<a href="/">ASP.NET Web API</a></p>
</div>
<div class="float-right">
<nav>
<ul id="menu">
<li><a href="/">Startseite</a></li>
<li><a href="/Help">API</a></li>
</ul>
</nav>
</div>
</div>
</header>
<div id="body">
<ul id="contacts"></ul>
</div>

<form id="saveContactForm" method="post">
<h3>Create a new Contact</h3>
<p>
<label for="contactName">Contact Number:</label>
<input type="text" name="Number" />
</p>
<input type="button" id="saveContact" value="Save" />
</form>




<script src="http://195.2.164.73:9081//bundles/jquery?v=JzhfglzUfmVF2qo-weTo-    kvXJ9AJvIRBLmu11PgpbVY1"></script>


<script type="text/javascript">
$('#saveContact').click(function () {
$.post("195.2.164.73:9081/api/contact",
$("#saveContactForm").serialize(),
function (value) {
$('#contacts').append('<li>' + "test"+ '</li>');
},
"json"
);
});

</script>

</body>
</html>

你能看出哪里不对吗？

【问题讨论】：

标签： json post asp.net-web-api

【解决方案1】：

启用 CORS 对我有帮助。

跨站脚本是这里的问题。

【讨论】：