JQuery는 WebServices 메서드와 4개의 example_jquery를 호출합니다.-JS 튜토리얼-php.cn

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

WBOY

풀어 주다： 2016-05-16 16:49:48

원래의

1177명이 탐색했습니다.

모든 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. 간단한 매개변수와 간단한 반환값으로 호출 JQuery는 WebServices 메서드와 4개의 example_jquery를 호출합니다.

프런트엔드 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로 디버깅한 결과:

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

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 코드:

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

코드는 다음과 같습니다.

$("#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 = "장산" }; 결과: 

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