복붙노트

[JQUERY] jQuery를 통해 ASP.NET 서버 측 메소드를 호출

JQUERY

jQuery를 통해 ASP.NET 서버 측 메소드를 호출

해결법


  1. 1.ASP.NET AJAX에게 "ScriptServices"및 메소드를 호출하려면 전체 $의 아약스 () 구문을 사용합니다 :

    ASP.NET AJAX에게 "ScriptServices"및 메소드를 호출하려면 전체 $의 아약스 () 구문을 사용합니다 :

    $.ajax({
      type: "POST",
      url: "MessagePopup.aspx/SendMessage",
      data: "{subject:'" + subject + "',message:'" + message + ",messageId:'" + messageId + "',pupilId:'" + pupilId +"'}",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(msg) {
        // Do something interesting here.
      }
    });
    

    이 필요한 이유에 대한 자세한 내용은이 게시물을 참조 : http://encosia.com/2008/05/29/using-jquery-to-directly-call-aspnet-ajax-page-methods/

    편집 : 변경되지 않는 확장이 .asmx하기 만 남아 .aspx로.


  2. 2.이 페이지 방법의 사용을 만들려고 노력하는 것 같습니다.

    이 페이지 방법의 사용을 만들려고 노력하는 것 같습니다.

    도움을 ASP.NET AJAX의 여기보기 페이지 방법을 가지고


  3. 3.당신은 웹 서비스 대신에 일반 영문 웹 페이지를 사용해야합니다. 웹 페이지는 내가 대신 jQuery를 요청로드 HTML 페이지를 믿고, 전화 웹 메소드는 지원이 없습니다. 나는 당신에게 두 가지를 제안한다 :

    당신은 웹 서비스 대신에 일반 영문 웹 페이지를 사용해야합니다. 웹 페이지는 내가 대신 jQuery를 요청로드 HTML 페이지를 믿고, 전화 웹 메소드는 지원이 없습니다. 나는 당신에게 두 가지를 제안한다 :


  4. 4.

    $.ajax({  
            type: "POST",  
            url: "MessagePopup.aspx/SendMessage",  
            data: "{subject:'" + subject + "',message:'" + message + ",messageId:'" + messageId + "',pupilId:'" + pupilId +"'}",  
            async: true,  
            cache: false,  
            contentType: "application/json; charset=utf-8",  
            dataType: "json",  
            success: function() {},  
            error:function (xhr, ajaxOptions, thrownError){ alert(thrownError); }  
         });
    

    이없는 작업을 수행 ... 그리고 "구문 오류 : 구문 오류"를 제공하는 경우 ... 다음이 추가

    <httpHandlers>
                <remove verb="*" path="*.asmx"/>
                <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory,
    System.Web.Extensions, Version=3.5.0.0, Culture=neutral,
    PublicKeyToken=31BF3856AD364E35"/>
                <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory,
    System.Web.Extensions, Version=3.5.0.0, Culture=neutral,
    PublicKeyToken=31BF3856AD364E35"/>
                <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler,
    System.Web.Extensions, Version=3.5.0.0, Culture=neutral,
    PublicKeyToken=31BF3856AD364E35" validate="false"/>
            </httpHandlers>
            <httpModules>
                <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions,
    Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
            </httpModules>
    

    당신의 Web.Config 파일에서 와 사이.

    JQuery와 기능 옆에 내가있는 Web.Config에 그를 추가해야한다는 그림을 나에게 렸어요 때문에 의지 도움말 누군가를 바랍니다.


  5. 5.여기에 귀하의 상황에서 작동 할 수 있습니다 코드입니다.

    여기에 귀하의 상황에서 작동 할 수 있습니다 코드입니다.

    <script type="text/javascript">
        $(document).ready(function () {
    
            // Add the page method call as an onclick handler for the button.
            $("#btnSubmit").click(function () {
    
                //get the string from the textbox
                $.ajax({
    
                    type: "POST",
                    url: "testSearch.aspx/GetMyShippingDate",
                    contentType: "application/json; charset=utf-8",
                    data: "{'tracking_num': '" + $("#txtTrackingNumber").val() + "'}",  
                    dataType: "json",
                    success: function (date) {
    
                        // Replace the div's content with the page method's return.
                        Success(date);
    
                    },
                    error: Failed
                });
            });
        });
    
         function Success(result) {  
              $("#ParcelShippingDate").html(result.d);
          }  
          function Failed(result) {  
              alert(result.status + " " + result.statusText);  
          }  
    

    항상 날 위해 일했다 예를 들어이있다.

    여기에 전체 기사입니다 http://www.webdeveloperpost.com/Articles/How-to-use-jquery-ajax-in-asp-dot-net-web-page.aspx

    그것은 JQuery와 asp.net 메소드 호출 등을 사용하는 정직 방법을 원하는 사람들을 위해 잘 작동

  6. from https://stackoverflow.com/questions/886903/calling-an-asp-net-server-side-method-via-jquery by cc-by-sa and MIT license