Загрузить содержимое результатов Alexa php с параметрами на html-страницу — возможно, используя jquery или ajax

Я пытаюсь загрузить Alexa Rank веб-сайта в виде фрагмента текста в стандартный HTML-файл. Я хочу избежать настройки всей страницы как php, поэтому я создал php-файл с именем rank.php, который работает

<?php
$url=$_GET["url"];
$xml = simplexml_load_file('http://data.alexa.com/data?cli=10&dat=snbamz&url='.$url);
$rank=isset($xml->SD[1]->POPULARITY)?$xml->SD[1]->POPULARITY->attributes()->TEXT:0;
echo $rank;
?>

Я могу загрузить это на свой сервер и вызвать что-то вроде rank.php?url=google.com.

Это возвращает число на экране (в данном случае 1). Итак, как мне получить это число в обычном теге <p> в html-документе.

Ie <p>Alex rank: </p>

Я изучаю jquery и использую метод get, но теряюсь.

например, поместив это в теги <head></head>

<script>
$(document).ready(function(){
$("#div1").load("code/rank.php?url=google.com");
});
</script>

Затем на моей html-странице добавление

<p>Alex rank: <div id="div1"></div></p>

не работает для меня.

Я также попытался добавить следующий скрипт в тег <p></p>.

 <script type="text/javascript">
       function showGetResult( name )
{
 jQuery.ajax({
    url: 'code/rank.php?url=google.com',
    type: 'get',
    dataType: 'text/html',
    success:function(data)
    {
        alert(data);
        document.write(data);
        } 
     });
}

showGetResult('test');
</script>

Мне просто нужно простое решение, чтобы вытащить это число.

Любая помощь очень ценится.


person Webtopia    schedule 08.03.2016    source источник


Ответы (1)


person    schedule
comment
Блестяще спасибо. Возможно, у меня было несколько ошибок, но Инструменты разработчика › Сеть направили меня на правильный путь. Я делаю редизайн своего живого сайта и пока не хочу ничего загружать на сервер, но мне нужно было заставить работать аспект php. У меня была локальная копия jQuery, и я, как идиот, не загрузил ее на сервер. Все работает теперь спасибо. - person Webtopia; 09.03.2016
comment
У меня вопрос вдогонку. Есть ли способ расширить любой URL-адрес, передав значение функции. Что-то вроде. <script> $(function(arg){ jQuery.ajax({ url: 'code/rank.php?url='+arg.url, type: 'get', dataType: 'text', cache: false, success: function(data) { // comment: $('#div-1').html(data) // inserts data inside $('#div-1') $('#arg.div').html(data); } }); }); </script> - person Webtopia; 10.03.2016
comment
Я добавил ответный комментарий: к ответу. - person Jaiden Snow; 11.03.2016