Run! :: Run!

전체 글

JSON데이터 가져오기

나레이 2014. 2. 11. 14:59

2014. 2. 11. 14:59

JSON데이터를 가져와 봅시다.

예를 들어 JSON데이터가 다음과 같다면

ajax로 데이터를 가져오는 방법은....

function ListComment(page)
{
	var param = "";
	var PageSize = 10;

var urlstr = "action.asp";
	param = "v_action=listComment";
	param += "&Page="+page;
	param += "&PageSize="+PageSize;
	param += "&number="+$("#FKEvent2").val();

jQuery.ajax({ 
	   type: "POST", 
	   url: urlstr, //보낼 페이지
	   data: param,  //변수가 여러개면 "id=ddd&name=프라임&age=22" 처럼 작성
	   async: false,
	   success: function(request){
			if( request == "FAIL"){
					alert("실패 하였습니다."); 
			 }else if (request == "NOTFOUND")
			 {
					//alert("일치하는 정보가 없습니다.\n입력데이터를 다시 확인해주세요.");
			 }else{
				
				var retValue = "";
				var count = (request == null ? 0 : request.count);

_page = page;
				_count = count;
				if(request != null && count > 0){
					var itemArticle = request.articles;
					for(var i=0; i<10; i++){
						if(i<itemArticle.length) { 
							retValue += "<tr>";
							retValue += "	<td class=\"subject\" style=\"word-break:break-all;word-wrap:break-word;\"><p>"+itemArticle[i].comment+" ";
							retValue += "("+itemArticle[i].id+")</p></td>";
							retValue += "	<td class=\"date\">"+itemArticle[i].writeDate+"</td>";
							retValue += "</tr>";

}
					}
				}else{
					retValue += "<tr>";
					retValue += "	<td colspan=\"3\" style='text-align:center;'>등록된 댓글이 없습니다.</td>";
					retValue += "</tr>";
				}
				$("#tbCommentList").html(retValue);
				setPaging(count,page, PageSize);
				
			 }
	   }, 
	   error: function(request) {
				 alert(request.responseText);
			 }
	  });

}

저작자표시 비영리 동일조건

'JQuery' 카테고리의 다른 글

동적 행 추가 (clone, append) (0)	2014.02.24
ajax로 파일업로드하기 (1)	2014.02.20
input box에 숫자만 입력 (0)	2014.02.11
ajax 호출하기 (0)	2014.02.11
Prototype과 같이 쓸 때 충돌방지 (0)	2014.02.11

ajax 호출하기

나레이 2014. 2. 11. 14:24

2014. 2. 11. 14:24

ajax를 호출해 봅시다. ㅎㅎ

스크랩버튼을 클릭했을 때 action.asp에서 스크랩수를 카운트해주고 처리결과값을 리턴해주는 함수

리턴값이 없으면 성공이므로 붙여넣기를 진행한다.

var eventNumber = $("#FKEvent").val(); 
var title = $("#title").val(); 
var action = "action.asp"; 
var method = "post"; 
var param = "";

param += "actType=scrapcnt"; 
param += "&number=" +eventNumber; 
param += "&contents=" + encodeURIComponent(title);

jQuery.ajax({ 
	   type: "POST", 
	   url: urlstr, //보낼 페이지
	   data: param,  //변수가 여러개면 "id=ddd&name=프라임&age=22" 처럼 작성
	   async: false,
	   success: function(request){

if( request == ""){
				var str = "<div style=\"width:100%; text-align:center;\"><a href=\"http://www.wanja.co.kr/v_event/2012/03/index.asp?event_no=14\" target=\"blank\"><img src=\"http://www.visang.com/upload/wanja/scrap/20121115.jpg\" border=\"0\"/></a></div>";

if(window.clipboardData){
					window.clipboardData.setData("text", str);
					alert("복사 되었습니다.\n게시물 등록페이지에 붙여넣기(Ctrl+v) 하세요.\n\n※ 꼭 html모드에서 붙여넣으세요.");
				}
				else{
					alert("죄송합니다.\n브라우저가 복사하기 기능을 제공하지 않습니다.");
				}
			 }else
			 {
				 alert(request);
			}
	   }, 
	   error: function(request) {
				 alert(request.responseText);
			 }
	  });

저작자표시 비영리 동일조건

'JQuery' 카테고리의 다른 글

동적 행 추가 (clone, append) (0)	2014.02.24
ajax로 파일업로드하기 (1)	2014.02.20
input box에 숫자만 입력 (0)	2014.02.11
JSON데이터 가져오기 (0)	2014.02.11
Prototype과 같이 쓸 때 충돌방지 (0)	2014.02.11

Prototype과 같이 쓸 때 충돌방지

나레이 2014. 2. 11. 14:19

2014. 2. 11. 14:19

기존에 프로토타입을 쓰는 사이트에 jquery를 같이 쓰고자 할때는 충돌방지 코드를 넣어준다.

그리고 그 밑에서는 jQuery 함수를 호출할 땐 $대신 $j를 써주면 된다.

($는 프로토타입꺼 ㅋ)

저작자표시 비영리 동일조건

'JQuery' 카테고리의 다른 글

동적 행 추가 (clone, append) (0)	2014.02.24
ajax로 파일업로드하기 (1)	2014.02.20
input box에 숫자만 입력 (0)	2014.02.11
JSON데이터 가져오기 (0)	2014.02.11
ajax 호출하기 (0)	2014.02.11

PREV 이전 1 ···8 9 10 11 12 NEXT 다음

Run!

전체 글

JSON데이터 가져오기

'JQuery' 카테고리의 다른 글

ajax 호출하기

'JQuery' 카테고리의 다른 글

Prototype과 같이 쓸 때 충돌방지

'JQuery' 카테고리의 다른 글

+ Recent posts

티스토리툴바