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

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"
}