'AJAX' 태그의 글 목록

AJAX

jquery ajax 를 이용한 xml 파싱 방법 2013.11.06
jQuery 를 이용한 ajax 사용시 크로스 도메인 허용 2013.11.05
XMLHttpRequest 방식 Ajax 통신 2013.04.18

jquery ajax 를 이용한 xml 파싱 방법

그니우즈 2013. 11. 6. 17:23

2013. 11. 6. 17:23

$.ajax({
    type: "POST",//전송방식 GET,POST
    url: "전송할 페이지 URL",
    data: {name : "value" , name2 : "value2"},//파라미터 전송
    dataType: "xml",//페이지 리턴 형식 json, jsonp, xml, html
    async: false, //동기식 = false , 비동기식 = true // 기본값 true
    success: function(xml){ //아작스 전송 성공시 실행 스크립트
     //$("#contents").html(xml);
    },
    beforeSend : function(){// 아작스 전송전 실행 스크립트
     $("#nation_content_view").showLoading();
    },
    complete : function(){//아작스 작업 완료후 실행 스크립트
     $("#nation_content_view").hideLoading();
    },
    error: function(xhr, status, error){ // 아작스 에러 발생시 실행 스크립트
      alert("에러 : " + error);
    }
   });

jQuery 아작스 틀

그중 success 부분을 아래와 같이 처리

if( $(xml).find("result_size").text() > 0 ){
     //반복문으로 파일 표시
     $(xml).find("record").each(function(){
      var path = $(this).find("PATH").text();
      var name = $(this).find("NAME").text();
      var view = $(this).find("VIEW").text();
     });
    }

리턴 xml 양식

<result_set>
      <success>true</success>
      <result_size>3</result_size>
      <record no="1">
            <PATH>파일경로</PATH>
            <NAME>파일명칭</NAME>
            <VIEW>뷰 어쩌고 저쪼고</VIEW>
      </record>
      <record no="2">
            <PATH>파일경로</PATH>
            <NAME>파일명칭</NAME>
            <VIEW>뷰 어쩌고 저쪼고</VIEW>
      </record>
      <record no="3">
            <PATH>파일경로</PATH>
            <NAME>파일명칭</NAME>
            <VIEW>뷰 어쩌고 저쪼고</VIEW>
      </record>
</result_set>

'공부거리 > AJAX' 카테고리의 다른 글

[JQUERY]jquery 를 사용한 아작스 (0)	2015.12.22
XMLHttpRequest 방식 Ajax 통신 (0)	2013.04.18

jQuery 를 이용한 ajax 사용시 크로스 도메인 허용

그니우즈 2013. 11. 5. 14:59

2013. 11. 5. 14:59

jQuery 를 이용한 ajax 사용시 크로스 도메인 허용

jQuery.support.cors = true;

$.support.cors = true;

위 한줄 추가해주면 됩니다.

업무관계상 개발 작업중 아작스 처리 부분에서 실서버에서는 문제가 안되지만

개발서버에서 문제가 되서 이거때문에 고생했네요.

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

javascript 의 sort 정상 작동 시키기 (0)	2014.12.04
이미지 롤링 or 미니 팝업 롤링 (0)	2013.06.19
[j쿼리,스크립트]부모창 값 가져오기, 전달하기 (0)	2012.10.15
[jquery]제이쿼리 사용한 백그라운드 실행..쉽다..ㅠㅠ (0)	2012.09.18
일정 시간마다 스크립트 실행 하는 함수 (0)	2012.09.11

XMLHttpRequest 방식 Ajax 통신

그니우즈 2013. 4. 18. 11:10

2013. 4. 18. 11:10

가장 기본이 되는 XMLHttpRequest방식의 Ajax 통신방법입니다.

index.php

<!-- <%@ // page contentType="text/plain; charset=utf-8" %>
jsp 일경우 언어셋 설정

<%
/*
request.setCharacterEncoding("utf-8");
String name = request.getParameter("name");
*/
%> utf-8 로 인코딩된 파라미터 받기

<?
/*
$name = $_POST['name'];
$name = iconv("utf-8","euc-kr",$name);
//utf-8 로 파라미터를 받아서 euc-kr 에서 쓸때
*/
?>

<? //header("Content-Type: text/plain: charset=UTF-8"); ?>
-->
<!DOCTYPE HTML>
<html lang="ko">
<head>
  <meta charset="utf-8">
  <title> GNUJ </title>
  <script type="text/javascript" >
   var hR = null;

var parms = null;
parms = "name=" + encodeURIComponent("정지현");//한글 UTF-8인코딩 변환

   function loadGet(url,params){
    hR = new XMLHttpRequest();
    hR.onreadystatechange = returnResult;
    hR.open("GET",url+"?"+params,true);
    hR.send(null);
   }
   function loadPost(url,params){
    hR = new XMLHttpRequest();
    hR.onreadystatechange = returnResult;
    hR.open("POST",url,true);
    hR.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    hR.send(params);
   }

</script>
</head>

get.php

get 방식의 경우 파라미터를 url 인코딩후 전달 해야 됩니다.

post.php

참고서적 - 최범균의 Ajax Programming 기초부터 중급까지

'공부거리 > AJAX' 카테고리의 다른 글

[JQUERY]jquery 를 사용한 아작스 (0)	2015.12.22
jquery ajax 를 이용한 xml 파싱 방법 (0)	2013.11.06

PREV 이전 1 NEXT 다음

그닉의 사생활..?

AJAX

jquery ajax 를 이용한 xml 파싱 방법

'공부거리 > AJAX' 카테고리의 다른 글

jQuery 를 이용한 ajax 사용시 크로스 도메인 허용

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

XMLHttpRequest 방식 Ajax 통신

'공부거리 > AJAX' 카테고리의 다른 글

+ Recent posts

티스토리툴바