如何使用jquery mobile解析HTML

我是新來的編碼，我試圖找出解析HTML在jQuery Mobile中使用的最佳方法。例如，我想解析此鏈接的諮詢部分（http://www.wmata.com/rider_tools/metro_service_status/advisories.cfm?AID=4503），但我不確定最佳方法。我查看了JSOUP，但我不確定這是否適用於jquery移動應用程序。然後我看到這個鏈接（http://jsfiddle.net/skelly/m4QCt/），並認爲它可以通過AJAX完成。但它似乎沒有工作。有人可以請指點我正確的方向嗎？先謝謝你。如何使用jquery mobile解析HTML

$(document).ready(function() { 

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

來源

2014-12-03 speedracer2003

JSOUP是一個Java庫，而不是JS？通常，您只需使用Ajax來傳遞數據和/或接收服務器端語言的響應，該語言將執行html解析（即，像您提到的java＆jsoup）或PHP等後端。您更可能希望使用JQuery Mobile來處理您的前端邏輯。 – 2014-12-03 04:56:09

您可以使用此插件：

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

它有助於跨域Ajax調用。

然後腳本變得像這樣：

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

來源

2014-12-03 15:24:12 ezanker

嗚呼！ = D非常感謝你！它完美的作品！我正在查看該頁面上的其他部分，我想知道是否可以在這種形式下使用它http://www.wmata.com/rider_tools/tripplanner/tripplanner_form_solo.cfm我所要的只是能夠輸入「to」和「from」，然後顯示不同的行程。 – speedracer2003 2014-12-04 05:11:57

@ speedracer2003，也許你可以把旅行計劃器放在你的網站的iframe中？ – ezanker 2014-12-04 14:22:13

聽起來不錯，再次感謝=） – speedracer2003 2014-12-04 15:31:25

如何使用jquery mobile解析HTML

回答

相關問題