Пример d3.xhr или путь AJAX d3

Я искал пример обновления данных с помощью d3.xhr, но не видел ничего очевидного или, по крайней мере, моего уровня понимания. Следующие 2 ссылки близки, но не сигару:Пример d3.xhr или путь AJAX d3

Я смотрю вокруг больше и нашел этот пример в JQuery и PHP. Я попробовал и понял код. Буду признателен, если вы дадите мне эквивалентный код в d3.xhr или d3.json. BTW, что отличает между d3.xhr и d3.json, а когда использовать что? Заранее спасибо.

<?php 
// AJAX & PHP example 
// http://iviewsource.com/codingtutorials/learning-how-to-use-jquery-ajax-with-php-video-tutorial/ 
    if ($_GET['ip']) { 
     $ip = gethostbyname($_GET['ip']); 
     echo($ip); 
     exit; 
    } 
?> 


<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>Get Reverse IP</title> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> 
     </script> 
    </head> 
    <body> 
     Please enter a domain name 
     <input type="text" id="searchip"> 
     <div id="resultip"></div> 
     <script> 
      $(document).ready(function() { 
       $('#searchip').change(function(){ 
        $.ajax({ 
         type: "GET", 
         url: "ajax.php", 
         data: 'ip=' + $('#searchip').val(), 
         success: function(msg){ 
          $('#resultip').html(msg); 
         } 
        }); // Ajax Call 
       }); //event handler 
      }); //document.ready 
     </script> 
    </body> 
</html>

источник

2015-01-24 ngungo

Вы прочитали документы d3 xhr/json? https://github.com/mbostock/d3/wiki/Requests –

Я сделал, я все еще не понимаю. Можете ли вы дать больше намека. – ngungo

Я нашел решение. На самом деле у него меньше кодирования, :) Я искренне надеюсь, что ответ будет полезен кому-то.

<?php 
// AJAX & PHP example 
    if ($_GET['ip']) { 
     $ip = gethostbyname($_GET['ip']); 
     echo($ip); 
     exit; 
    } 
?> 

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>Get Reverse IP</title> 
     <script src="http://d3js.org/d3.v3.min.js"></script> 
    </head> 
    <body> 
     Please enter a domain name 
     <input type="text" id="searchip"> 
     <div id="resultip"></div> 
     <script> 
      d3.select('#searchip').on("change", function() { 
       d3.xhr('xhr.php?ip='+this.value, function(data) { 
        d3.select('#resultip').html(data.response); 
       }) 
      }); 
     </script> 
    </body> 
</html>

источник

2015-01-25 16:19:41 ngungo

Ницца. Помощники d3 облегчают жизнь. –

Пример d3.xhr или путь AJAX d3

ответ

Смежные вопросы