Javascript & JQuery & CSS

문법은 .post()와 비슷하다.

.ajax()메서드의 단축표기이며, 몇 가지 매개변수가 셋팅된 것이다.

아래 소스를 테스트 해 보삼.
 

	data.asp 파일내용
	-------------------------------------
	<% If request("abc")="A" Then %>
	[
		{
			"Num" : "1",
			"Name" : "홍길동"
		},
		{
			"Num": "2",
			"Name": "백두산"
		}
	]
	<% End If %>

	<% If request("abc")="B" Then %>
	[
		{
			"Num" : "11",
			"Name" : "홍길동1"
		},
		{
			"Num": "22",
			"Name": "백두산1"
		}
	]
	<% End If %>



	--------------------------------------------
	test.html 파일내용
	---------------------------------------------
	$("#btn").click(function() {

		$.getJSON('data.asp?abc=A', {format: 'json'}, function(data) {
			
			//패널 내용을 비운다.
			$('#pnlDisplay').empty();

			var table = "<table border='1'><tr><td>인덱스</td><td>번호</td><td>이름</td></tr>";

			$.each(data, function(index, entry) {
				table += "<tr>";
				table += "<td>" + index + "</td>";
				table += "<td>" + entry.Num + "</td>";
				table += "<td>" + entry.Name + "</td>";


				table += "</tr>";
			});

			table += "</table>";
		
			$('#pnlDisplay').append(table); //패널에 추가하기

		});

	});

	

$.getJSON('data.asp?abc=A', {format: 'json'}, function(data) {
});

getJSON()을 이용하여 data.asp 파일에 접속한다

$.getJSON(url, Datatype, function())

형태를 가지고 있다. 

url : 전송받을 URL 이다.
Datatype : 전송받는 데이터형을 뜻한다. (json)
function() : 실행한 함수이다.