Ajax 调用webservice 解决跨域请求和发布到服务器后本地调用成功外网失败的问题

Ajax 调用webservice 解决跨域请求和发布到服务器后本地调用成功外网失败的问题

webservice 代码

webservice 文件中需要添加的信息
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消注释以下行。
[System.Web.Script.Services.ScriptService]

	/// <summary>
    /// MESService 的摘要说明
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    //[System.ComponentModel.ToolboxItem(false)]
    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消注释以下行。
    [System.Web.Script.Services.ScriptService]
    public class MESService : System.Web.Services.WebService
    {

        [WebMethod(Description = "")]
        public string GetDataReturnStr(string strXML)
        {
            //你的结果处理
            #region 处理数据

            #endregion
            return Common.JsonHelper.SerializeToJson(new Student() { id = "1", name = "测试" });
        }


    }
    [Serializable]
    public class Student
    {
        public string id { get; set; }
        public string name { get; set; }
    }

WebConfig 文件中需要添加节点

1、解决跨域访问的问题

<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>

2、解决本地调用成功,外网调用失败的问题

<system.web>
    <webServices>
      <protocols>
        <add name="HttpSoap"/>
        <add name="HttpPost"/>
        <add name="HttpGet"/>
        <add name="Documentation"/>
      </protocols>
    </webServices>
</system.web>

Ajax 调用

		$.ajax({
                async: true,
                type: "post",
                url: "http://localhost:41453/IDataServer/MESService.asmx/GetDataReturnStr",
                data: "{strXML:'123123123'}",
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                success: function (json) {
                    var dataObj = eval("(" + json.d + ")");
                    alert(dataObj.id + '\r\n' + dataObj.name);
                },
                error: function () {

                },
                complete: function () {
                }
            });
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

漫伊

感谢打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值