如何从html调用Php函数

时间:2015-12-26 07:51:29

标签: php jquery html ajax html5

我使用简单的PHP DOM库来使用PHP scrapper。我写了一个功能,它可以删除我需要的数据。如何从html页面调用该函数?我需要在我的html页面中显示该数据。我正在使用AngularJS框架,我正在处理视图。

这是我的代码。

function Islamabad_data(){
    // Array Declaration
    var isb_hi_temp = new Array();
    $fhtml1 = file_get_contents('http://www.accuweather.com/en/pk/islamabad/258278/daily-weather-forecast/258278');
    $fhtml1 = str_get_html($fhtml1);
    $day6 = file_get_contents('http://www.accuweather.com/en/pk/islamabad/258278/daily-weather-forecast/258278?day=6');
    $day6 = str_get_html($day6);
    echo "Islamabad Data<br>";
    echo" <br>High temperature <br>";
    foreach($fhtml1->find('#feed-tabs .temp') as $element){
        echo $element->plaintext;
        ?>
            isb_hi_temp.push('<?php echo $element; ?>');
        <?php
    }
    $i=0;
    foreach($day6->find('#feed-tabs .temp')as $element)
    {
        if($i<2)
        {
            echo $element->plaintext;
            ?>
                isb_hi_temp.push('<?php echo $element; ?>');
            <?php
            $i++;                 
        }
    } 
    echo isb_data;
}

2 个答案:

答案 0 :(得分:0)

我知道这不是答案,但我简化了你的代码。看起来你想生成一个可以被Angular获取的JavaScript数组。第1步是正确生成所需的JSON。您的代码中存在很多错误 - 您无法以您正在进行的方式混合JavaScript和PHP。通常在PHP中我们将使用PHP生成一个数组对象,然后调用json_encode来创建客户端将访问的JSON对象(在这种情况下,您使用Angular作为您的客户端)。

function Islamabad_data(){
    $fhtml1 = file_get_contents('http://www.accuweather.com/en/pk/islamabad/258278/daily-weather-forecast/258278');
    $fhtml1 = str_get_html($fhtml1);
    $day6 = file_get_contents('http://www.accuweather.com/en/pk/islamabad/258278/daily-weather-forecast/258278?day=6');
    $day6 = str_get_html($day6);
    //echo "Islamabad Data<br>";
    //echo" <br>High temperature <br>";
    $hiTemp = array();
    foreach($fhtml1->find('#feed-tabs .temp') as $element){
        $hiTemp[] = $element;
    }
    $i=0;
    foreach($day6->find('#feed-tabs .temp')as $element) {
        if ($i<2) {
            $hiTemp[] = $element;
        }
        $i++;
    } 

    echo json_encode( $hiTemp );
}

步骤2.使用Angular调用您的PHP服务。这是一个过于简化的示例,可以帮助您:

function Hello($scope, $http) {
    $http.get('/some/where/somefile.php').
        success(function(data) {
            $scope.islamabadData = data;
        });
}

此外,您应该使用Accuweather的API而不是数据抓取。

http://apidev.accuweather.com/developers/

答案 1 :(得分:0)

它可能会对您有所帮助:

function loadCitiesData($scope, $http) {

    $http.get('/some/where/somefile.php?Islamabad=1').
        success(function(data) {
            $scope.islamabadData = data;
        });

    $http.get('/some/where/somefile.php?Lahore=1').
        success(function(data) {
            $scope.LahoreData = data;
        });
}

您的somefile.php文件:

<?php

if( !empty($_GET['Islamabad']) ){

    $fhtml1 = file_get_contents('http://www.accuweather.com/en/pk/islamabad/258278/daily-weather-forecast/258278');
    $fhtml1 = str_get_html($fhtml1);
    $day6 = file_get_contents('http://www.accuweather.com/en/pk/islamabad/258278/daily-weather-forecast/258278?day=6');
    $day6 = str_get_html($day6);
    //echo "Islamabad Data<br>";
    //echo" <br>High temperature <br>";
    $hiTemp = array();
    foreach($fhtml1->find('#feed-tabs .temp') as $element){
        $hiTemp[] = $element;
    }
    $i=0;
    foreach($day6->find('#feed-tabs .temp')as $element) {
        if ($i<2) {
            $hiTemp[] = $element;
        }
        $i++;
    } 

    echo json_encode( $hiTemp );
}elseif( !empty($_GET['Lahore']) ){
    // your code, $yourArray = array('something');
    // echo json_encode( $yourArray );
}elseif( !empty($_GET['Multan']) ){
    // your code, $yourArray = array('something');
    // echo json_encode( $yourArray );
}

?>