반응형
AJAX Cross Origin plugin
로컬 프록시를 작성할 필요없이 Cross Origin AJAX 요청을 허용하는 jQuery 플러그인입니다.
http://www.ajax-cross-origin.com/
Ajax Cross Origin - jQuery plugin
Source code In order maintain this site and keep it running, we ask for symbolic donation before you download the sources. You can donate as much as you want, even $1 is enough. The package contains the source code files include instructions and a test pag
www.ajax-cross-origin.com
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/jquery.ajax-cross-origin.min.js"></script>
</head>
<body>
<select id="service">
<option value="http://ip.jsontest.com/">IP Address</option>
<option value="http://headers.jsontest.com/">HTTP Headers</option>
<option value="http://date.jsontest.com/">Date & Time</option>
<option value="http://echo.jsontest.com/key/value/one/two">Echo JSON</option>
<option value='http://validate.jsontest.com/?json={"key":"value"};'>Validate</option>
<option value="http://code.jsontest.com/">Arbitrary JS Code</option>
<option value="http://cookie.jsontest.com/">Cookie</option>
<option value="http://md5.jsontest.com/?text=[text%20to%20MD5]">MD5</option>
</select><br/>
<input type="text" id="url" style="width: 400px">
<input type="button" id="btn" value="Get JSON">
<br/><br/>
<div id="test" />
<script type="text/javascript">
$(function() {
$( '#service' ).on( 'change', function(){
$( '#url' ).val( $( this ).val() );
});
$( '#url' ).val( $( '#service' ).val() );
$( '#btn' ).click(function(){
var url = $( '#url' ).val()
$.ajax({
crossOrigin: true,
url: url,
success: function(data) {
$( '#test' ).html(data);
}
});
});
});
</script>
</body>
</html>반응형
'프로그래밍 > Script' 카테고리의 다른 글
| Internet Explorer 에서의 ajax 에서의 한글 깨짐 현상 (0) | 2019.12.27 |
|---|---|
| JSON Editor Online (0) | 2019.11.26 |
| javascript, nl2br, nl to (0) | 2019.09.11 |
| [jQuery] touch event 체크 (0) | 2019.08.19 |
| jQuery 화면전환 효과 참고 사이트 (0) | 2019.08.02 |