Programming/JavaScript & jQuery

[jQuery] ajax 크로스 도메인 문제 해결

DOTI 2016. 1. 28. 11:05
[jQuery] ajax 크로스 도메인 문제 해결
반응형
jQuery 의 ajax를 이용하여 외부 데이터를 가져오면 크로스도메인으로 인해 데이터를 못가져오는 경우가 있다
아래의 플러그인을 이용하여 해결이 가능하다

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>...</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script type="text/javascript" src="jquery.ajax-cross-origin.min.js"></script><!-- 크로스도메인 해결 플러그인 -->
        <script type="text/javascript">
        $(document).ready(function(){    
            $.ajax({
                crossOrigin: true,    // 크로스도메인 해결 플러그인
 
                ...
 
            })
        })
        </script>
    </head>
    <body>
    </body>
</html>
cs



jquery.ajax-cross-origin.min.js 플러그인 파일을 추가시킨다

ajax 소스 내에 crossOrigin: true 부분을 추가시킨다



플러그인 개발 홈페이지 http://www.ajax-cross-origin.com/



ajax-cross-origin.zip



ajax-cross-origin.zip
0.0MB
반응형