主页 > 知识库 > js跨域调用WebService的简单实例

js跨域调用WebService的简单实例

热门标签:科大讯飞语音识别系统 团购网站 Linux服务器 电子围栏 服务器配置 银行业务 阿里云 Mysql连接数设置

步骤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跨域详解

标签:蚌埠 枣庄 萍乡 江苏 衢州 衡水 广元 大理

巨人网络通讯声明:本文标题《js跨域调用WebService的简单实例》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266