• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    js跨域调用WebService的简单实例

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

    !--此节点可允许脚本跨域调用webservice-->
    
      webServices>
       protocols>
        add name="HttpPost"/>
        add name="HttpGet"/>
       /protocols>
      /webServices>
      !--此节点可允许脚本跨域调用webservice-->
    

    步骤2. webservice代码

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.Services;
    using System.Web.Mvc;
    namespace WebService
    {
      /// summary>
      /// WebService1 的摘要说明
      /// /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 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页面部分

    !DOCTYPE html>
    html>
    head>
      title>Index/title>
      script src="http://www.cnblogs.com/Scripts/jquery-1.5.1.js" type="text/javascript">/script>
      script type="text/javascript">
        $(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);
              }
            });
          });
        });
      /script>
    /head>
    body>
      div>
        input id="btnSubmit" type="button" value="查询" />
      /div>
    /body>
    /html> 

    以上就是小编为大家带来的js跨域调用WebService的简单实例的全部内容了,希望对大家有所帮助,多多支持脚本之家~

    您可能感兴趣的文章:
    • AngularJS iframe跨域打开内容时报错误的解决办法
    • js iframe跨域访问(同主域/非同主域)分别深入介绍
    • js原生跨域_用script标签的简单实现
    • js判断请求的url是否可访问,支持跨域判断的实现方法
    • Vuejs第九篇之组件作用域及props数据传递实例详解
    • 详细谈谈AngularJS的子级作用域问题
    • Node.js配合node-http-proxy解决本地开发ajax跨域问题
    • javascript iframe跨域详解
    上一篇:Ajax实现带有验证码的局部刷新登录界面
    下一篇:在dom4j中使用XPath的简单实例
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    js跨域调用WebService的简单实例 跨域,调用,WebService,的,简单,