호출 일기예보 인터페이스

프로젝트 1:
브 라 우 저 는 보안 제한 으로 도 메 인 접근 을 허용 하지 않 습 니 다.하지만 PHP 서버 는 허용 합 니 다.우 리 는 PHP 파일 을 사용 하여 인 터 페 이 스 를 호출 할 수 있 습 니 다.
자세 한 인터페이스 분석 은 다음 을 참조 할 수 있 습 니 다.http://www.cnblogs.com/wangjingblogs/p/3192953.html
JSON 형식 되 돌리 기
PHP 코드
php 

//     json  
echo file_get_contents('http://www.weather.com.cn/data/cityinfo/101181601.html');

 ?>

 
HTML 코드
 
DOCTYPE html>
<html>
<head>
    <title>        title>
head>
<body>
<script type="text/javascript">
window.onload = function () {
    //  XMLHttpRequest  
    var xmlHttp = new XMLHttpRequest();
    //    
    xmlHttp.open('get','./getWeather.php');
    //          
    xmlHttp.onreadystatechange = function(){

        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
            //                     
            eval('var info ='+ xmlHttp.responseText);
            // weatherinfo         info 
            info = info.weatherinfo;
            console.log(info);

            //     
            var str = '';
            str += ''+info.city+'
'; str += ''+info.cityid+'
'; str += ''+info.temp1+'~'+info.temp2+'
'; str += ''+info.weather+'
'; str += ''+info.ptime+'
'; // document.getElementById('weather').innerHTML = str; } } // xmlHttp.send(null); } script> <div id="weather"> div> body> html>

 
 
프로젝트 2:
 
       ,                 !

 
 
<iframe name=\"weather_inc\" src=\"http:\/\/i.tianqi.com\/index.php?c=code&id=1\" width=\"330\" height=\"35\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>


 
 
DOCTYPE html>
<html>
<head>
    <title>        title>
head>
<script type="text/javascript">
    document.writeln("

좋은 웹페이지 즐겨찾기