>웹 프론트엔드 >JS 튜토리얼 >JavaScript_jquery를 기반으로 백그라운드 정의 메소드를 호출하기 위해 Ajax를 구현하는 방법

JavaScript_jquery를 기반으로 백그라운드 정의 메소드를 호출하기 위해 Ajax를 구현하는 방법

WBOY
WBOY원래의
2016-05-16 15:22:551351검색

Ajax의 고유한 장점으로 인해 현재 많은 웹사이트에서 널리 사용되고 있습니다. 여기서는 ajax가 백그라운드에서 정의된 함수를 호출하는 방법을 소개합니다. 비록 비교적 간단하지만 이를 통해 몇 가지 이점을 얻을 수 있기를 바랍니다. 초보자에게 도움이 되는 코드는 다음과 같습니다.

1. 먼저 antzone.aspx 페이지를 생성합니다.

2. cs 파일에 다음 함수를 만듭니다.

public static string mytest(string first, string second) 
{ 
  return return first+second; 
} 

2.html 코드는 다음과 같습니다.

<form id="myform" runat="server"> 
<div> 
 <asp:Button ID="bt" runat="server" Text="点击测试" /> 
</div> 
</form> 

3.javascript 코드는 다음과 같습니다.

$(function(){ 
 $("#bt").click(function(){ 
  $.ajax({ 
   type:"Post", 
   url:"antzone.aspx/mytest", 
   data:"{'first':'蚂蚁部落','second':'欢迎您'}", 
   contentType:"application/json;charset=utf-8", 
   dataType:"json", 
   success:function(data){ 
    //返回的数据用data.d获取内容 
    alert(data.d); 
   }, 
   error:function(err){ 
    alert(err); 
   } 
  }); 
  //禁用按钮的提交 
  return false; 
 }); 
}); 

위 코드는 필요한 기능을 구현하고 백그라운드에서 정의된 기능을 호출할 수 있습니다. 여기에서는 jQuery를 기반으로 ajax 호출 배경 정의를 구현하는 방법을 소개합니다. 이해가 되지 않는 부분이 있으면 메시지를 남겨주세요.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.