기본 JS와 jQuery는 각각 jsonp를 사용하여 '현재 날씨 정보'를 얻습니다.
- 不言원래의
- 2018-07-05 17:44:421776검색
이 글은 주로 "현재 날씨 정보"를 얻기 위해 기본 JS와 jQuery를 사용하는 방법을 소개합니다. 이제 필요한 친구들이 참고할 수 있도록 공유하겠습니다.
숙달해야 할 기술 포인트:
jsonp, 도메인 간 상관 관계 등
다음 두 코드는 직접 실행할 수 있습니다.
1. 기본 JS 사용:
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>Title</title></head><body>
<p id="cur_year"></p>
<p id="iciba_ds"></p></body></html><script type="text/javascript">
document.getElementById("cur_year").innerHTML =new Date(); function data(data){ //遍历
var description = ""; for(var i in data.result){ var property=data.result[i];
description+=i+" = "+property+"<br />";
}
document.write(description);
}</script><script type="text/javascript" src="http://api.k780.com:88/?app=weather.today&weaid=412&&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json&jsoncallback=data"></script>2. jquery 사용:
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function(){
$.ajax({
type : 'get',
async : false,
url : 'http://api.k780.com/?app=weather.today&weaid=412&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json&jsoncallback=data',
dataType : 'jsonp',
jsonp : 'callback',
jsonpCallback : 'data',
success : function(data){ if(data.success!='1'){
alert(data.msgid+' '+data.msg);
exit;
} //遍历
var description = ""; for(var i in data.result){ var property=data.result[i];
description+=i+" = "+property+"<br />";
}
document.write(description);
},
error:function(){
alert('fail');
}
});
}); </script></head><body></body></html>위 내용은 모두의 학습에 도움이 되기를 바랍니다. 중국사이트!
관련 권장 사항:
JavaScript의 getter 및 setter 소개
위 내용은 기본 JS와 jQuery는 각각 jsonp를 사용하여 '현재 날씨 정보'를 얻습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.