2014-12-03 3 views
0

코딩에 익숙하지 않고 jquery 모바일에서 사용할 HTML을 구문 분석하는 가장 좋은 방법을 알아 내려고하고 있습니다. 예를 들어,이 링크 (http://www.wmata.com/rider_tools/metro_service_status/advisories.cfm?AID=4503)에서 자문 섹션을 구문 분석하려고하지만 최선의 방법이 무엇인지 잘 모르겠습니다. 나는 JSOUP을 보았지만 이것이 jquery 모바일 앱에서 작동하는지 확신 할 수 없다. 그런 다음이 링크 (http://jsfiddle.net/skelly/m4QCt/)를보고 AJAX로 처리 할 수 ​​있다고 생각했습니다. 그러나 그것은 작동하지 않는 것 같습니다. 누군가 올바른 방향으로 나를 가리킬 수 있습니까? 미리 감사드립니다.jquery 모바일을 사용하여 HTML을 구문 분석하는 방법

http://www.ajax-cross-origin.com/

그것은 출처 간 아약스 호출을하는 데 도움이 :

$(document).ready(function() { 

    baseUrl = "http://www.mashable.com"; 
    $.ajax({ 
     url: baseUrl, 
     type: "get", 
     dataType: "", 
     success: function(data) { 
      //code 
     } 
    }); 
}); 
+0

JSOUP 자바 라이브러리하지 JS이다? 일반적으로 Ajax를 사용하여 데이터를 전달하거나 html 구문 분석을 수행하는 서버 측 언어 (예 : 언급 한 java 및 jsoup 또는 백엔드의 PHP 등)에 대한 응답을받습니다. 프론트 엔드 로직을 처리하기 위해 JQuery Mobile을 사용하고 싶을 가능성이 더 큽니다. –

답변

1

당신은이 플러그인을 사용할 수 있습니다.

var baseUrl = "http://www.wmata.com/rider_tools/metro_service_status/advisories.cfm?AID=4503"; 
$.ajax({ 
    crossOrigin: true, 
    url: baseUrl, 
    success: function(data) { 
     console.log($(data)); 
     var $advisory = $(data).find(".internal-box2-inner"); 
     $advisory.find("a").remove(); 
     $advisory.find("script").remove(); 
     $('#theResults').html($advisory); 
    } 
}); 

.internal-box2-inner 실제 자문 텍스트가있는 DIV의 클래스입니다 :

그런 다음 스크립트는 다음과 같이된다. 여기

는 작업 DEMO

+0

우후! = D 정말 고마워요 !!! 그것은 완벽하게 작동합니다! 나는 그 페이지의 다른 섹션을보고 있었고,이 폼에서 이것을 사용할 수 있을지 궁금합니다. http://www.wmata.com/rider_tools/tripplanner/tripplanner_form_solo.cfm 원하는 것은 입력 할 수 있어야한다는 것입니다. "to"및 "from"을 선택하고 다른 여정을 표시하십시오. – speedracer2003

+0

@ speedracer2003 어쩌면 여행 플래너를 사이트의 iframe 안에 넣을 수 있습니까? – ezanker

+0

좋은 소리, 고마워요 =) – speedracer2003

관련 문제