집 >웹 프론트엔드 >JS 튜토리얼 >js를 사용하여 도메인 전체에서 WebService를 호출하는 간단한 예

js를 사용하여 도메인 전체에서 WebService를 호출하는 간단한 예

韦小宝원래의: 2017-12-30 17:53:402273검색

다음 편집기는 js를 사용하여 도메인 간 WebService를 호출하는 간단한 예를 제공합니다. 에디터가 꽤 괜찮다고 생각해서 지금 js 소스코드를 여러분께 공유하고 참고용으로 올려드리려고 합니다. js에 관심이 있다면 편집기를 따라 살펴보세요

1단계. web.config의 system.web 노드에

<!--此节点可允许脚本跨域调用webservice-->

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

을 추가합니다. 2 웹서비스 코드

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: &#39;jsoncallback&#39;,
          data: dataStr,
          success: function (result) {
            //返回结果
            alert(result.Result);
          }
        });
      });
    });
  </script>
</head>
<body>
  <p>
    <input id="btnSubmit" type="button" value="查询" />
  </p>
</body>
</html>

위 내용은 편집자가 js 도메인 간 호출을 제공합니다. WebService 간단한 예제 내용이 모두 도움이 되었으면 좋겠습니다. PHP 중국어 웹사이트를 지원해 주세요~

관련 권장 사항:

Jquery ajax 호출 webservice

jQuery에 대한 자세한 설명 예입니다. ajax 호출 웹 서비스 주의 사항

Ajax 도메인 간 호출 웹 서비스 구현 코드

위 내용은 js를 사용하여 도메인 전체에서 WebService를 호출하는 간단한 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：Empire CMS 홈페이지 목록 페이지에 좋아요 기능을 추가하는 방법다음 기사：Empire CMS 홈페이지 목록 페이지에 좋아요 기능을 추가하는 방법