JQuery는 WebServices 메서드와 4개의 example_jquery를 호출합니다.

모든 Ajax 요청에 대해 백엔드 페이지를 추가할 수도 있습니다!
니마 씨, C# 클래스 파일에서 메서드를 직접 호출할 수 있다면 정말 좋겠다고 생각하고 있나요? ! (FishLi가 여기서 프레임워크를 만들었으니 관심이 있으시면 확인해 보세요.)
하지만 우리는 프로그래머이고 게으르고 컴퓨터가 우리를 위해 더 많은 일을 해주기를 원한다는 사실을 잊으셨을 수도 있습니다! (여기서는 13세라고 가정합니다.) 그러나 사실 Microsoft와 JQuery 전문가들은 이미 이 작은 문제를 해결하는 데 도움을 주었습니다.

통화는 대략 다음 범주로 나뉩니다.

1. 매개변수 없이 호출하고 값을 반환

프런트엔드 JS 코드:

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

$("#btn1").click(function() {
                                                $.ajax( {
유형: "POST",
contentType: "application/json; charset=utf-8",
url: "CalledByJquery.asmx/HelloWorld",
데이터: "{}",
데이터 유형: "json",
성공: function(json) { 경고(json.d) },
오류: function(error) {
error.response Text);

백엔드 WebMethod 코드:

코드 복사

코드는 다음과 같습니다. [ WebMethod]공개 문자열 HelloWorld(){

return "Hello World";

}


Google로 디버깅한 결과:

2. 간단한 매개변수와 간단한 반환값으로 호출

프런트엔드 JS 코드:



코드 복사

코드는 다음과 같습니다.$("#btn2").click(function() { "POST", contentType: "application/json; charset=utf-8",

url: "CalledByJquery.asmx/SimpleReturns",

data: "{name:'Zhang San'}",
dataType: "json",
성공: function(json) { 경고(json.d) },
error: function(error) {
Alert("호출 오류" error.responseText ;

백엔드 WebMethod 코드:

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

[WebMethod]
public string SimpleReturns(문자열 이름)
{
return String.Format("이름은 {0}입니다", name);
}

Google로 디버깅한 결과:


3. 복잡한 매개변수와 복잡한 반환값으로 호출 ​​
프런트엔드 JS 코드:

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

$("#btn3").click( function() {
    $.ajax({
유형: "POST",
contentType: "application/json; charset=utf-8",
url: "CalledByJquery.asmx/Get StudentList ",
데이터: "{stu ; 함수(오류) {
                                                                                                              


백엔드 웹 방식:

코드 복사

코드는 다음과 같습니다. [WebMethod ] public List GetStudentList(Student stu) { StudentList = new List

         new Student{ID=1,Name="张Three"},

신입생{ID=2,Name="이사"}
                                                                                       ~                                            Add(stu) 이후;
return StudentList;
}

Google로 디버깅한 결과:




4. 익명 객체를 반환하는 WebMethod 호출

프런트엔드 JS 코드:

코드 복사

코드는 다음과 같습니다.

$("#btn4").click(function() {
                                                                                                                      charset=utf -8",
url: "CalledByJquery.asmx/ReturnNoNameClass",
데이터: "{ }",
dataType: "json",
성공: function(json) { 경고(json.d); },
오류: function(error) {
경고("호출 오류" error.responseText);
}
            });
            });

백엔드 WebMethod 코드:

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

[WebMethod]

public object ReturnNoNameClass()
return new {ID = 1, Name = "장산" }; 결과:

하하, 이제 엄마도 내 공부 걱정이 너무 쉽다고 느껴지시나요? 사실 많은 것들이 매우 간단하지만 아무도 알려주지 않지만 실제 개발에서는 이러한 필요성이 없기 때문에 개발에 특정 장애물이 발생했습니다.
따라서 의사 소통이 매우 중요합니다!