Jquery 크로스 필드 데이터 가 져 오기
데이터 원본
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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.