AJAX跨域发起https请求配置方案

最新推荐文章于 2025-10-21 15:09:57 发布

原创最新推荐文章于 2025-10-21 15:09:57 发布 · 1.1w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #跨域 #https

开发之路专栏收录该内容

24 篇文章

订阅专栏

本文详细介绍了如何在C# WebService中配置跨域访问，并提供了前端JS使用ajax调用WebService的示例代码。通过在web.config中添加特定节点，实现了跨域请求的支持，并展示了异步请求的具体实现。

后端为C# webservice 在web.config文件中添加：

<configuration>节点下添加
<system.webServer> <httpProtocol> <customHeaders> <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/> <add name="Access-Control-Allow-Headers" value="x-requested-with,content-type"/> <add name="Access-Control-Allow-Origin" value="*" /> </customHeaders> </httpProtocol> </system.webServer>
<system.web>节点下添加
<webServices> <protocols> <add name="HttpSoap"/> <add name="HttpPost"/> <add name="HttpGet"/> <add name="Documentation"/> </protocols> </webServices>

前端JS发起ajax请求时，async: false,

				var params = {};
                params.username = data.field.userName;
                params.password = data.field.password;

                $.ajax({
                    async: false,
                    type: "post",
                    contentType: "application/json;charset=UTF-8", //类型必填
                    url: "https://www.gemai.net.cn/WeChatData.asmx/login",
                    data: JSON.stringify(params),
                    dataType: "json",
                    success: function (data) {
                        console.log(data);
                        var json_result = JSON.parse(data.d);
                        if (json_result.code == 200) {
                            alert('登录成功');
                            location.href = 'index.html';
                            //alert(json_result.result[0].account_id);
                        } else {
                            alert('登录失败');
                        }
                    },
                    error: function (data) {
                        alert('登录失败');
                    }
                })
                return false;
            });