快捷導(dǎo)航

jquery+thinkphp實現(xiàn)跨域抓取數(shù)據(jù)的方法

更新時間：2016年10月15日 15:44:12 作者：dengwz7788

這篇文章主要介紹了jquery+thinkphp實現(xiàn)跨域抓取數(shù)據(jù)的方法,結(jié)合實例形式分析了thinkPHP結(jié)合jQuery的ajax實現(xiàn)跨域抓取數(shù)據(jù)的相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了jquery+thinkphp實現(xiàn)跨域抓取數(shù)據(jù)的方法。分享給大家供大家參考，具體如下：

今天做一個遠(yuǎn)程抓取數(shù)據(jù)的功能，記得jquery可以用Ajax遠(yuǎn)程抓取，但不能跨域。再網(wǎng)上找了很多。但我覺得還是來個綜合的，所以我現(xiàn)在覺得有點把簡單問題復(fù)雜化了，但至少目前解決了：

跨域抓取數(shù)據(jù)到本地數(shù)據(jù)庫再異步更新的效果

我實現(xiàn)的方式：jquery的$.post發(fā)送數(shù)據(jù)到服務(wù)器后臺，在由后臺的PHP代碼執(zhí)行遠(yuǎn)程抓取，存到數(shù)據(jù)庫ajax返回數(shù)據(jù)到前臺，前臺用JS接受數(shù)據(jù)并顯示。

//遠(yuǎn)程抓取獲取數(shù)據(jù)
 $("#update_ac").click(function() {
      $username = $("#username").text();
      $("#AC,#rank,#Submit,#solved,#solved2,#solved3").ajaxStart(function(){
        $(this).html("<span class='loading2'>&nbsp;&nbsp;&nbsp;</span>");
      });
      $.post("update_ac/username/"+$username,{},function($data){
        json = eval("(" + $data + ")");
        $("#Submit").html(json.data.Submit);
        $("#AC").html(json.data.AC);
        $("#solved,#solved2,#solved3").html(json.data.solved);
        $("#rank").html(json.data.rank);
       }
      ),"json";
});

上面的jquery代碼還算四樓比較清楚的，糾結(jié)我的就是那個json數(shù)據(jù)的接收

json = eval("(" + $data + ")");
//eval() 函數(shù)可計算某個字符串，并執(zhí)行其中的的 JavaScript 代碼。

其實這個都還是前臺，跨域抓取是用php的擴(kuò)展simple_html_dom完成的（不清楚的可以到網(wǎng)上去搜一搜，基于PHP5開發(fā)的）

把遠(yuǎn)程的頁面抓取到本地。

import("@.ORG.simple_html_dom");
//thinkphp內(nèi)導(dǎo)入擴(kuò)展，你要把網(wǎng)上下載的代碼改名為simple_html_dom.class.php放到APPNAME\Lib\ORG的目錄下面
$html = file_get_html('http://openoj.awaysoft.com/JudgeOnline/userinfo.php?user='.$username); //遠(yuǎn)程抓取了
$ret = $html->find('center',0)->plaintext; //返回數(shù)據(jù)了。

上面的代碼只是核心代碼，simple_html_dom擴(kuò)展的還有很多功能。自己去了解吧。

返回的數(shù)據(jù)是一個字符串，再用正則表達(dá)式去篩選需要的數(shù)據(jù)就了下面是效果圖