js跨域调用WebService的使用方法

这次给大家带来js跨域调用WebService的使用方法，js跨域调用WebService的注意事项有哪些，下面就是实战案例，一起来看一下。

步骤1.   在web.config中的system.web节点里加入

步骤2. webservice代码

using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Services;using System.Web.Mvc;namespace WebService{  /// 
  /// WebService1 的摘要说明  /// 
  [WebService(Namespace = "http://tempuri.org/")]  [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]  [System.ComponentModel.ToolboxItem(false)]  // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。  [System.Web.ｓｃｒｉｐｔ.Services.ScriptService]  public class WebService1 : System.Web.Services.WebService  {    [validateInput(false)]    [WebMethod(Description = "测试")]    public void getDBTableInfos(string EnterpriseCode)    {      HttpContext.Current.Response.ContentType = "application/json;charset=utf-8";      string jsonCallBackFunName = string.Empty;      jsonCallBackFunName = HttpContext.Current.Request.Params["jsoncallback"].ToString();      HttpContext.Current.Response.Write(jsonCallBackFunName + "({ \"Result\": \"" + EnterpriseCode + "\" })");    }   }}

步骤3. html页面部分

nbsp;html>    <ｓｃｒｉｐｔ>  <ｓｃｒｉｐｔ> $(function () { $("#btnSubmit").click(function () { var EnterpriseCode = "39"; //企业代码 var dataStr = "EnterpriseCode=" + EnterpriseCode; $.ajax({ type: "get", url: "http://xxx/xxx.asmx/AntiWebQuery_Ajax?jsoncallback?", dataType: "jsonp", jsonp: 'jsoncallback', data: dataStr, success: function (result) { //返回结果 alert(result.Result); } }); }); });   
      

相信看了本文案例你已经掌握了方法，更多精彩请关注本站其它相关文章！

推荐阅读：

ajax怎样提交form表单与实现文件上传

ajax后台success上传的json数据如何处理