코밍이의 하루

[JQuery] 서버 언어(PHP)로 교차 도메인 데이터(XML) 불러오기 본문

웹언어 공부/JQuery

[JQuery] 서버 언어(PHP)로 교차 도메인 데이터(XML) 불러오기

코밍이 2021. 8. 24. 01:44

1. 개발 환경

구분 내용
사용 언어 HTML5, CSS3, JS, jQuery, Ajax, xml, php
개발환경 Visual Studio Code
참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문
웹브라우저 Chrome

2. 주요 문법

1) 서버 언어(PHP)로 교차 도메인 데이터(XML) 불러오기

① PHP 언어

- 서버가 서로 통신할 수 있는 cURL(Client URL Library Functions) 메소드 지원

- cURL 메소드를 통해 교차 도메인 데이터(XML)를 불러올 수 있음.

 

② PHP 선언문과 변수 선언문의 기본형

기본형
① PHP 선언문
<? PHP
  php 코드
?>
② 변수 선언문
<?
  $변수 이름 = 값;
?>

③ cURL 메소드의 기본형

기본형
① curl_init(): cURL을 사용하기 위해 초기화하는 메소드로 cURL 세션 생성
② curl_setopt(세션, 옵션, 값): 생성된 cURL 세션의 옵션 설정
- 옵션에 적용 가능한 값
- CURLOPT_URL: 접속할 url 주소 설정
- CURLOPT_SSL_VERIFYPEER: SSL 인증서 검사 여부 설정
- CURLOPT_RETURNTRANSFER: 결괏값을 받을 것인지의 여부 설정
- CURLOPT_HEADER: 헤더 정보 출력 여부 설정
③ curl_exec(): cURL 세션 실행 
④ curl_close(): cURL 세션 종료

 

3. 소스 코드 및 실행 결과

- news_test.php

<?
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_HEADER, 0);
    curl_setopt($ch, CURLOPT_URL, "http://myhome.chosun.com/rss/www_section_rss.xml");
    $url_source = curl_exec($ch);
    curl_close($ch);

    echo $url_source;
?>

- jquery_ajax_5_test.html

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8">
    <title> Ajax </title>
    <script src="js/jquery.js"></script>
    <script>
      $(function() {
          $.ajax({
              url:"news_test.php",
              dataType:"xml",
              success: function(data) {
                  var $items = $(data).find("item");

                  if($items.length > 0) {
                      $items = $items.slice(0,10);
                      var $ulTag = $("<ul />");
                      $.each($items, function(i, o) {
                          var $title = $(o).find("title").text();
                          var $link = $(o).find("link").text();

                          var $aTag = $("<a />")
                          .attr({
                              "href":$link,
                              "target":"_blank"
                              })
                          .text($title);

                          var $liTag = $("<li />")
                          .append($aTag);

                          $ulTag.append($liTag);
                      });
                      $(".wrap").append($ulTag);
                  }
              }
          });
      });
    </script>
  </head>
  <body>
      <div class="wrap"></div>
  </body>
</html>

jquery_ajax_5_test.html

 

 

※ 실행 URL : http://shgdx12.dothome.co.kr/jquery_ajax_5_test.html

 

Ajax

 

shgdx12.dothome.co.kr

 

※ 서버 웹호스팅 관련 사이트

https://www.dothome.co.kr/index.php

 

닷홈 | 호스팅은 닷홈

닷홈은 도메인, 무료 웹호스팅, 웹빌더, 메일호스팅, SSL보안인증서, 서버호스팅, 코로케이션 등 다양한 호스팅 서비스를 제공하고 있습니다.

www.dothome.co.kr

- 해당 사이트에서 무료로 웹 호스팅하여 실제 서버에 올려 실행할 수 있었음.

저작자표시 비영리 변경금지

'웹언어 공부 > JQuery' 카테고리의 다른 글

[JQuery] 제이쿼리 플러그인 정의  (0) 2021.08.24
[JQuery] JSONP로 교차 도메인 데이터(XML) 불러오기  (0) 2021.08.24
[JQuery] 자바스크립트의 보안 정책과 외부 데이터 바인딩하기  (0) 2021.08.24
[JQuery] Ajax로 XML 데이터 바인딩하기  (0) 2021.08.24
[JQuery] Ajax - $ajax()메소드  (0) 2021.08.24
'웹언어 공부/JQuery' Related Articles more