由于 CORS，从浏览器对 Rest Web 服务的 Ajax Post 调用无法正常工作

Question

click here for error screenshot

我正在尝试通过浏览器的 Web 服务将数据插入数据库，但出现错误（屏幕截图）。

   $("#signup").click(function () {
            var radio = $('input[name="radio"]:checked').val();
            var fullname = $("#fullname").val();
            var email = $("#email").val();
            var phoneno = $("#phoneno").val();
            var password = $("#password").val();
            var dataString = "{'Cust_Type':'" + radio + "','Contact_Name':'" + fullname + "','Contact_No':'" + phoneno + "','Email':'" + email + "','Password':'" + password + "'}";

            if ($.trim(radio).length > 0 & $.trim(fullname).length > 0 & $.trim(phoneno).length > 0 & $.trim(email).length > 0 & $.trim(password).length > 0) {
                $.post({
                    type: "POST",
                    url: "http://test.com/testWebservices/testservices.svc/mobilesignup",
                     dataType: "json",
                    data: dataString,
                    crossDomain: true,
                    cache: false,
                    beforeSend: function () { $("#signup").val('Connecting...'); },
                    success: function (data) {
                        if (data == "success") {
                            alert("Thank you for Registering with us! you can login now");
                        }
                        else if (data = "exist") {
                            alert("Hey! You alreay has account! you can login with us");
                        }
                        else if (data = "failed") {
                            alert("Something Went wrong");
                        }
                    }
                });
            } return false;

        });

我正在使用 phonegap 从 broswer 调用服务 api（不工作），但是当我尝试从邮递员插件调用时，它工作并且数据已成功插入数据库。

Answer 1

如果 Test.com 网站托管在 IIS7

在应用程序的根目录（http://test.com）创建Web.config文件，并在其中添加以下XML代码

<?xml version="1.0" encoding="utf-8"?>
<configuration>
 <system.webServer>
   <httpProtocol>
     <customHeaders>
       <add name="Access-Control-Allow-Origin" value="*" />
     </customHeaders>
   </httpProtocol>
 </system.webServer>
</configuration>

更新：

对于 IIS6

1. 打开 Internet 信息服务 (IIS) 管理器。
2. 右键单击要为其启用 CORS 的站点 (test.com) 并转到 属性。
3. 切换到 HTTP 标头选项卡。
4. 在“自定义 HTTP 标头”部分中，单击“添加”。
5. 输入Access-Control-Allow-Origin 作为标题名称。
6. 输入* 作为标头值。
7. 点击确定。