jQuery Ajax + ASP.NET + JSON : String (단일값 반환)
** 단일값 반환은 (int / string / bool 타입의 데이터를) "data.d"로 받는다.
--> 아래 그림과 같이 '솔루션 탐색기'에서 '웹폼(WebForm)'형식의 파일인 "ResponseText.aspx"와 'HTML'형식의 파일인 "01.SingleValueReturn.htm"을 생성하고, "ResponseText.aspx"의 '코드비하인드 페이지'인 "ResponseText.aspx.cs"와 "01.SingleValueReturn.htm"에 아래와 같이 코드를 작성한다.
[ResponseText.aspx.cs]
using System;
using System.Web.Services;
public partial class Ajax_AspNet_ResponseText : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
// Empty
}
// 단일값 반환 : 01.SingleValueReturn.htm에서 테스트
[WebMethod]
public static string GetMessage()
{
return "닷넷코리아";
}
}
-------------------------------------------------------------------------------------
[01.SingleValueReturn.htm]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>단일값 반환 예제</title>
<script src="../../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
type: "post",
url: "ResponseText.aspx/GetMessage",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
alert(data.d); // 단일값 : {d:'닷넷코리아'}
},
error: function (data) { alert('에러 발생'); }
});
});
</script>
</head>
<body>
</body>
</html>
-------------------------------------------------------------------------------------
[실행결과]
