샘플로 쓸 주소는 네이버 모바일
네이버의 소스를 Get방식과 Post방식으로 불러와서 textArea에 집어 넣는다.
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
function download_get() {
// 이미 세팅된 네이버 모바일의 주소를 가져옴
var str_url = $('#input_url').val();
// 네이버 모바일의 소스를 가져와 textArea에 삽입
var jqxhr = $.get(str_url, function(data) {
$('#textvw').val(data);
});
}
function download_post() {
// 이미 세팅된 네이버 모바일의 주소를 가져옴
var str_url = $('#input_url').val();
// 네이버 모바일의 소스를 가져와 textArea에 삽입
var jqxhr = $.post(str_url, function(data) {
$('#textvw').val(data);
});
}
$(document).ready(function() {
$('button').click(function() {
// 이름을 주지 않았기 때문에 index순서에 의해서 값을 가져옴
switch($('button').index(this)) {
case 0:
download_get();
break;
case 1:
download_post();
break;
}
});
});
</script>
</head>
<body>
<input id='input_url' value='http://m.naver.com'>
<button>download get</button>
<button>download post</button><br><br>
<textarea id='textvw' rows="" cols="" style='height:200px; width:320px;'></textarea>
[결과]
[ajax를 이용하여 밑단 소스 가져오기(Json보다 더 밑단)]
<script type="text/javascript">
function download() {
var str_url = $('#input_url').val();
$.ajax( {
url:str_url,
success:function(data) {
$('#textvw').val(data);
}
} );
}
$(document).ready(function() {
$('button').click(function() {
download();
} )
} );
</script>
</head>
<body>
<input id='input_url' value='http://m.naver.com'>
<button>download ajax</button><br><br>
결과는 Json과 같음
'IT 관련 > Html5' 카테고리의 다른 글
| JQuery로 별과 도표 만들기 (0) | 2011.11.03 |
|---|---|
| JQuery Canvas를 이용한 무지개 만들기 (0) | 2011.11.03 |
| JSon을 이용한 플리커 이미지 가져오기 (0) | 2011.10.28 |
| JQTouch 활용2 (0) | 2011.10.15 |
| JQTouch 활용 (0) | 2011.10.14 |