jquery_jquery에서 JSONP를 통해 원격으로 ajax 메서드를 호출하는 방법

WBOY
풀어 주다: 2016-05-16 16:50:07
원래의
1213명이 탐색했습니다.

JSONP의 개념과 JSONP를 사용하는 이유에 대한 튜토리얼이 인터넷에 많이 있습니다. 이 섹션에서는 주로 JSONP를 통해 JQUERY에서 ajax 메서드를 원격으로 호출하는 방법을 보여줍니다.

먼저 $.ajax의 매개 변수를 소개합니다

유형: 요청 방법 GET/POST

url: 요청 주소

async: 부울 유형, 기본값은 요청이 비동기인지 여부를 나타내는 true이고, false인 경우 동기를 나타냅니다.

dataType: 반환된 데이터 유형

jsonp: jsonp 콜백 함수 이름을 얻기 위해 요청 핸들러 또는 페이지에 전달되는 매개변수 이름(일반적으로 기본값은 콜백)

jsonpCallback: 사용자 정의된 jsonp 콜백 함수 이름입니다. 기본값은 jQuery에서 자동으로 생성된 임의의 함수 이름입니다. "?"를 쓸 수도 있으며 jQuery는 자동으로 데이터를 처리합니다.

성공적으로 실행된 호출 함수

오류: 예외 처리 함수

1. 예시 1

서버 측에서는 MVC의 ACTION을 사용하여 데이터를 반환합니다

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

public class HomeController : Controller
{
//
// GET: /Home /

public ActionResult Index()
{
returnView()
}

public ActionResult ReturnJson()
{
string callback = 요청.QueryString["callback"];
string json = "{'name':'Zhang San','age':'20'}"
string result = string.Format ("{0}({ 1})", 콜백, json);
returnContent(result);
}

}

클라이언트는 jsonp를 사용하여 데이터 전송
코드 복사 코드는 다음과 같습니다.

@{
ViewBag. 제목 = "색인";
레이아웃 = "~/Views/Shared/_Layout.cshtml"
}


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿