jquery.Ajax() 메서드는 Asp.Net 백그라운드 메서드 analyze_jquery를 호출합니다.

JQuery의 $.ajax()를 사용하면 asp.net의 백그라운드 메소드를 쉽게 호출할 수 있습니다.
먼저 간단한 예를 들어 보겠습니다.

1. 매개변수 없는 메소드 호출
asp.net 코드:

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

System.Web.Script.Services 사용

[WebMethod]
public static string SayHello()
{
return " 안녕하세요 Ajax !";
}
System.Web.Script.Services 사용;

[WebMethod]
공개 정적 문자열 SayHello()
{
return "Hello Ajax!";
}

참고: 1. 메서드는 다음과 같아야 합니다. 정적 메서드이며 [WebMethod] 선언이 있어야 합니다.

$(function() {
$("#btnOK").click(function() {

$. ajax({                                                                                                 > | 버튼 제출 가능 false 반환;   }); >});​​​​및 메소드 이름 url: "data.aspx/SayHello", contentType: "application/json; charset=utf-8", dataType: "json",

: 기능(데이터 성공) {

                                                                       ​​alert(err);       });

                                                                                                                                                                         
결과:

2. 매개변수를 사용한 메소드 호출
asp.net 코드:

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

system.Web.Script.Services 사용;

[WebMethod]
public static string GetStr(string str, string str2)
{
str str2 반환
}
System.Web.Script.Services 사용;

[WebMethod]
public static string GetStr(string str, string str2)
{
return str str2;
}

JQuery 코드:

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

///
$(function() {
$("#btnOK").click(function() {
$.ajax({
유형: " Post",
      url: "data.aspx/GetStr",                                                                                        >        'str':'I am','str2':'XXX'}",
contentType: "application/json; charset=utf- 사용 8",
데이터 유형: "json",
성공: 함수(데이터) {
                                                                        ~ >
$(function() {
$("#btnOK").click(function() {
$.ajax( { 유형: "게시물",
URL: "데이터 .aspx/GetStr",
// 매개변수 전달 방법이 정확해야 합니다. STR은 매개변수 이름, STR2는 두 번째 도형 매개변수 이름
data: "{'str':'I am' ,'str2':'XXX'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
성공: function(data) {
//반환된 데이터는 data.d를 사용하여 가져옵니다. error: function (err) {
                    Alert(err);
                                                                                                                                                                         
실행 결과:

아래에 고급 신청서를 입력하세요

3. 배열 메서드 반환 호출
asp.net 코드:

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

system.Web.Script.Services 사용

[WebMethod]
public static List GetArray()
{
List li = new List()

for (int i = 0; i < 10; i )
li.Add(i ""); >
return li
}
System.Web.Script.Services 사용;
[WebMethod]

public static List GetArray()
{
List li = new List();

for (int i = 0; i li.Add(i "");
return li;

}

JQuery 코드:

코드 복사 코드 다음과 같습니다:

///
$(function() {
$("#btnOK").click( function() {
$.ajax({
유형: "Post",
url: "data.aspx/GetArray",
contentType: "application/json; charset=utf-8" ,
dataType: "json",
성공: function(data) {
//삽입하기 전에 ul 지우기
$("#list").html("")

                                                                                                   ("#list").append ("< li>" 이 ""); 오류: 기능(err) {
경고(err);                                                                        // / <참조 경로= "jquery-1.4.2-vsdoc.js"/>
$(function() {
$("#btnOK").click(function() {
$ .ajax({
       유형: "게시물",
                                                                                        >
                                                                                                                                                       .append("< li>" this "");
              });

              경고(data.d) 🎜> });

                                                                                                                                                                         
실행 결과:

4. Hashtable 메서드에 대한 호출 반환
asp.net 코드:

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

using System.Web.Script.Services;
using System.Collections;

[WebMethod]
public static Hashtable GetHash (문자열 키, 문자열 값)
{
Hashtable hs = new Hashtable();

hs.Add("www", "yahoooooooo")
hs.Add(key, 값);

return hs;
}
system.Web.Script.Services 사용;
System.Collections 사용;

[WebMethod]
public static Hashtable GetHash(문자열 키, 문자열 값)
{
Hashtable hs = new Hashtable();

hs.Add("www", "yahoooooooo");
hs.Add(key, value);

return hs;
}

JQuery 코드:

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

///
$(function() {
$("#btnOK").click(function() {
$.ajax({
type: "Post",
url: "data.aspx/GetHash",
//큰따옴표를 추가하는 것을 잊지 마세요. T_T
data: "{ 'key': 'haha', 'value ': '하하! ' }",
contentType: "application/json; charset=utf-8",
dataType: "json",
성공: function(data) {
경고( "키: 하하 ==> " data.d["하하"] "n 키: www ==> " data.d["www"])); > // <참조 경로="jquery-1.4.2-vsdoc.js"/>
$(function() {
$("#btnOK").click(function() {
$.ajax({
type: "Post",
url: "data.aspx/GetHash",
//큰따옴표를 추가하는 것을 잊지 마세요. T_T
data: "{ 'key ' : ' 하하', '값': '하하! ' }",
contentType: "application/json; charset=utf-8",
dataType: "json",
성공: function(data) {
Alert("키: 하하 ​​= Alert("키: 하하 ​​= => " data.d["haha"] "n 키: www ==> " data.d["www"]);
           },
                오류: 기능(err) {
경고(err "err");
         }
           });

                                                                                                                                                                         
运行结果：

5、操作xml
XMLtest.xml:

复主代码 代码如下:

 
<데이터> 
  <항목> 
    1 
    qwe 
   
  <항목> 
    2 
    asd 
   
 


 
    1
    qwe
 
 
    2
    asd
 

JQuery 코드:

复主代码 代码如下:

$(function() {
$("#btnOK").click(function() {
$.ajax({
url: "XMLtest.xml",
dataType: 'xml', //반환되는 유형은 XML로 이전 Json과 다릅니다.
성공: function(xml) {
성공: function(xml) {
//목록 지우기
$("#list") .html("");
//xml 요소 찾기 KVM 온라인 쇼핑 브러시 웹사이트 구축 Beijing Express Company 초음파 용접기
$(xml).find("data> item").each(function() $ ("#list").append("

이름:" $(this).find("name").text() "

") ; , 
             error: function(result, status) { //위에서 캡처한 오류가 없으면 여기에서 콜백 함수가 실행됩니다.                                                                                  >
//버튼 제출 비활성화
return false
} );
});
$(function() {
$("#btnOK").click(function() {
                                        ~                                    ; 기능(xml) {
                                                                                              . ").each(function() {
                                                              li>");
                   >    error: function(result, status) { //캡쳐가 없는 경우 위의 오류가 발생하면 여기의 콜백 함수가 실행됩니다
                                                                                           }
});

                                                                                                             ~