네티즌칼럼

Total article 1116 : 1 page / total 45 page

[1116]

일반 (392)

블록 (81)

코딩 (27)

Subject :

[코딩] [강추] Javascript - JSONP를 사용해 다른 서버로 데이터 전송해 처리 후 가져와 화면 리프레쉬 하기...

(Homepage) \| Point : 7340 \| 2015-04-30 16:38:02 \| Read : 2,805 \| Vote : 58

- SiteLink #1 : http://stackoverflow.com/questions/395045/cross-site-xmlhttprequest

자바스크립트를 사용해 JSONP 방식으로 AJAX를 구현해 봤습니다. jsonp4.html 은 euc-kr 로 인코딩된 문서이고 클라이언트에서 그 문서가 로드되고 버튼을 누르면 다른 서버에 존재하는 UTF-8로 인코딩 된 script.php 문서로 이름과 나이를 전송해 "블라블라블라" 란 서버 데이타와 함께 다시 받아서 현재 화면을 리프레쉬 해주고 있습니다. 그래서 다시 비동기로 출력된 한글은 unescape를 사용해 한글이 깨지지 않도록 해주고 있습니다. ^^;
<br><br>
[클라이언트 측 - jsonp4.html]<br>
<pre class="brush: js; first-line: 1" title="jsonp4.html">
&lt;!DOCTYPE html>
&lt;head>
&lt;title>JSONP Echo Client&lt;/title>
&lt;meta charset="EUC-KR" />
&lt;script>
function getJSON(URL,success){
	var ud = 'json'+(Math.random()*100).toString().replace(/\./g,'');
	window[ud]= function(o){
		success&&success(o);
	};
	document.getElementsByTagName('body')[0].appendChild((function(){
		var s = document.createElement('script');
		s.type = 'text/javascript';
		s.src = URL.replace('callback=?','callback='+ud);
		return s;
	})());
}

echo $_GET['callback']."({";
echo "'flag':'".$postSuccess."',";
echo "'dataName':'".$dataName."',";
echo "'dataAge':'".$dataAge."',";
echo "'response':'".$postResponse."'})";
?>
</pre>
<br><br>
<!DOCTYPE html>
<head>
<title>JSONP Echo Client</title>
<meta charset="EUC-KR" />
<script>
function getJSON(URL,success){
	var ud = 'json'+(Math.random()*100).toString().replace(/\./g,'');
	window[ud]= function(o){
		success&&success(o);
	};
	document.getElementsByTagName('body')[0].appendChild((function(){
		var s = document.createElement('script');
		s.type = 'text/javascript';
		s.src = URL.replace('callback=?','callback='+ud);
		return s;
	})());
}

* 관리자님에 의해서 게시물이 이동되었습니다 (2015-06-06 11:17)

3.145.171.58

http://run.blrun.net/
http://www.ntzn.net/
http://www.blrun.net/eight
http://삼성산뜨란채.kr

[HOME]

[bitly]