jquery는 asp.net 페이지 배경 구현 code_jquery를 호출합니다.

먼저 aspx 페이지를 만들고 클라이언트 컨트롤 value="AjaxDemo"> 그런 다음 aspx 배경 페이지에 간단한 메서드를 작성합니다. 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

[WebMethod]
public static string ABC(string ABC)
{
return ABC;
}

정적 메서드로 선언해야 하며 [WebMethod] 특성으로 주석을 달아야 합니다. 하지만 웹서비스에서는 정적 메소드일 필요는 없습니다. 객체는 목록, 데이터세트, 클래스 객체 등이 될 수 있습니다.
다음으로 포그라운드에서 클라이언트 제어가 메소드를 호출하도록 하는 방법을 고려해야 합니다. 배경은 jqury가 등장하는 순간입니다.
페이지에 jquery 클래스 라이브러리를 도입하세요

다음과 같이 페이지에 스크립트 코드를 추가합니다.

코드 복사 코드는 다음과 같습니다.

< script type="text/javascript">
$().ready( function() {
　 $("# AjaxDemo").click(function() {
　 $.ajax({
type: "POST",
url: "Default.aspx/ABC",
data: "{'ABC' :'test'}",
contentType: "application/json; charset=utf -8",
성공: function(msg) {alert(msg); }
})
})
}
)

여기에서는 jquery 클래스 라이브러리를 통해 많은 작업이 수행됩니다. 어떻게 구현하든 상관없습니다.
jquery에는 .ajax와 같은 메서드가 제공되므로 사용해 볼 수 있습니다.
보충 사항: 3.5 빌드에 주의하세요. 프로젝트(2.0인 경우) 2.0 프로젝트를 빌드하는 경우 구성 파일은 훨씬 적게 참조됩니다. 3.5를 빌드합니다. 3.5 구성 파일을 2.0 프로젝트에 덮어쓰기만 하면 됩니다!
위 코드가 성공 후 "{d:test}"가 뜬다면 문자열을 반환하기 때문이므로 json 객체를 반환하도록 변경할 수 있습니다.
다음과 같이 jquery 코드를 수정하세요

코드 복사 코드는 다음과 같습니다.

$().ready(
function() {
$("#AjaxDemo").click(function() {
　$.ajax({
type: "POST",
　url: "Default.aspx/ABC",
데이터: "{'ABC':'test'}",
데이터 유형: "json",
contentType: "application/json; charset=utf-8",
성공: function(msg) { Alert( msg.d); }
})
})
}
}

우리는 반환되는 데이터를 json 객체로 설정했습니다. 반환된 json 객체를 사용할 수 있습니다. 팝업되는 d:test에 따르면 키는 d이고 값은 test입니다. 그런 다음 반환된 데이터 msg 객체를 사용하여 d를 직접 클릭하여 테스트를 가져옵니다. 코드를 수정하는 중입니다. 이제 테스트일 뿐입니다.