首页 > 上网技巧 > 电脑小技巧 > Ajax调用webservice解决跨域请求和本地调用成功...

Ajax调用webservice解决跨域请求和本地调用成功外网失败的问题

时间:2018-04-22 09:23 作者:QQ地带 我要评论

 webservice 代码

 
     /// <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; }
     }
 
webservice 文件中需要添加的信息
 // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消注释以下行。 
 [System.Web.Script.Services.ScriptService]
 
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 () {
                 }
             });
 
这样就可以实现 ajax 访问webservice接口了

标签: ajax
顶一下
(0)
0%
踩一下
(0)
0%

Google提供的广告