Jquery 크로스 필드 데이터 가 져 오기

PM 2.5 데이터 접속
데이터 원본
http://pm25.in

접속 방식
Jquery 를 사용 하여 데 이 터 를 직접 요청 하고 jsonp 를 사용 하여 Ajax 의 크로스 도 메 인 요청 을 완성 합 니 다.
코드 예제


    PM2.5    


    

: :null ? $(function() { // http://www.pm25.in/ pm2.5 json //url city ,token AppKey( API ) var url = "http://pm25.in/api/querys/pm2_5.json?city= &token=7rMwJqMxrmuDRFsAxBqP"; $.ajax({ type: 'POST', url: url, dataType : "jsonp",// dataType error success: function(json){ // pm2.5 $("#pm2_5").append("<table>"); $("#pm2_5").append("<tr><td width='200px'> </td><td width='200px'>PM2.5</td><td width='200px'> </td><td width='200px'> </td></tr>"); $.each(json, function (i, point){ $("#pm2_5").append("<tr><td>"+json[i].position_name+"</td><td>"+json[i].pm2_5+"</td><td>"+json[i].quality+"</td><td>"+json[i].time_point+"</td></tr>"); }) $("#pm2_5").append("</table>"); }, error:function(exception){ alert(' ! :'+exception.statusText); } }); })

보충 하 다
Ajax 의 크로스 도 메 인 요청 은 두 가지 솔 루 션 jquery.ajax jsonp 형식 과 jquery.getScript 방식 이 있 습 니 다.자세 한 참조:http://julying.com/jQuery-1.6-api/#p=jQuery.ajax

좋은 웹페이지 즐겨찾기