jQuery_jquery를 사용하여 Ajax를 쉽게 구현하기 위한 예제 코드

Asp.Net MVC 프레임워크를 생성한 후 jQuery 스크립트가 포함되었습니다. 관련 환경 설정에 대해서는 내 다른 기사인 Asp.Net MVC 예제를 참조하세요. 여기서는 여전히 인스턴스의 환경에 의존합니다. jQuery 스크립트는 생성된 프레임워크의 Scripts 폴더에서 이미 볼 수 있습니다.
TestModel.cs에서 Id와 Name이라는 두 필드가 포함된 Tets 테이블을 계속 사용하여 Json 데이터를 가져오는 함수를 만듭니다.

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

//JsonDataArray
public static Array GetJsonArray(문자열 이름)
{
배열 데이터 = null
try
{
data = (from c in testDb.test
where c.name.Contains(name)
새 { c.id, c.name }).ToArray();
}catch(ArgumentNullException ae)
{}
return data; 🎜>Json Data는 간단히 말하면 Key-Value 배열 형태의 데이터입니다. 그런 다음 기본 옵션에 따라 컨트롤러를 만듭니다. 생성된 컨트롤러에는 Index()라는 한 가지 메서드만 있습니다. jQuery가 호출할 또 다른 메서드를 만듭니다. 완성된 코드는 JQueryController.cs입니다. 참고: jQuery는 MVC2.0에서 기본적으로 서버 데이터 호출이 금지되어 있으므로 JsonRequestBehavior.AllowGet 코드에 액세스 권한을 추가해야 합니다.

코드 복사

코드는 다음과 같습니다. using System; Collections.Generic ; System.Web 사용;

System.Web.Mvc 사용

MvcWeb.Controllers 사용
🎜>public class JQueryController: Controller
{
//
// GET: /JQuery/
public ActionResult Index()
{
return View()};
public JsonResult FindByName(문자열 이름)
{
return Json(TestModel.GetJsonArray(name), JsonRequestBehavior.AllowGet)
}
}
}


그런 다음 Index()를 마우스 오른쪽 버튼으로 클릭하고 기본 옵션을 사용하여 Views/JQuery: Index.aspx에서 생성된 코드를 볼 수 있습니다. 그런 다음 생성된 코드는 매우 간단합니다. 다음과 같이 완성하세요:




코드 복사

코드는 다음과 같습니다:

<%@ 페이지 제목="" Language="C#" MasterPageFile= "~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %> JQuery