Как перезагрузить номер без обновления

0

Мой.php читает некоторые переменные из pos.txt, и мне нужно показать их в прямом эфире, не обновляя страницу. Я использовал <meta http-equiv="refresh" content="<?php echo $sec?>;URL='<?php echo $page?>'">, Но это раздражает. Я читал кое-что о ajax, но я не могу понять, как это работает.

$line = file_get_contents('pos.txt');
list($date, $time, $x, $y, $z) = explode(' ', $line);
Теги:
reload

5 ответов

2

Для этого вам нужно использовать AJAX. Вы должны изучить это http://www.w3schools.com/ajax/default.asp. Узнав это, вы будете использовать его всегда.

0

Попробуйте это, он будет работать:

<html>
<head>
<script>
var ajax = new XMLHttpRequest();
ajax.onreadystatechange=function()
{
   if (ajax.readyState==4 && xmlhttp.status==200)
   {
      var response = ajax.responseText;
     document.getElementById('get-data').innerHtml = response;
   }
}
ajax.open("GET", "pos.txt");
ajax.send(any_data);
</script>
</head>
<body>
<div id="get-data">
</div>
</body>
</html>
0

http://api.jquery.com/jquery.ajax/

$.ajax({
  url: "[_YOUR_URL_]/post.txt",
}).done(function(data) {
    $("#some_id").val(date.find("some data").text);
});

Код выше obvisouly не будет работать, но код, который вы будете использовать, может быть таким простым. И, как сказано выше, вы идете ajax, вы не вернетесь.

Использование обертки jQuery упрощает слияние ajax. Вы захотите провести час или два чтения об этом, а также посмотреть на различные образцы

0

Просто сделайте ajax-вызов со страницы отображения в ваш php файл.

var ajax = new XMLHttpRequest();
ajax.onreadystatechange=function()
{
   if (ajax.readyState==4 && xmlhttp.status==200)
   {
      var response = ajax.responseText;
     // Here is your response
   }
}
ajax.open("POST", "request/path/response.php");
ajax.send(any_data);

Детали

0

Самый простой способ - использовать jquery ajax:

http://api.jquery.com/jquery.ajax/

Вы хотите сделать что-то вроде этого:

$.ajax({
    url: "pos.txt",
}).done(function(data) {
    var split = data.split(' ');
    var date = split[0];
    var time = split[1];
    var x = split[2];
    var y = split[3];
    var z = split[4];
    //then insert these variables into the elements you need
    $('#date').val(date);
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню