Web Api跨域访问配置及调用示例

Posted 2020-08-31

1、Web Api跨域访问配置。

在Web.config中的system.webServer内添加以下代码：

<httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Headers" value="*" />
    <add name="Access-Control-Allow-Methods" value="GET, POST, OPTIONS, PUT, DELETE" />
  </customHeaders>
</httpProtocol>

2、调用示例。

function login() {
    var host = "http://192.168.2.189:82";
    var userID = $("#userName").val();
    var pwd = $("#pwd").val();
    $.get(host + "/User/Login", { ‘userID‘: userID, ‘pwd‘: pwd }, function (data) {
        alert(JSON.stringify(data));
    })
}