Ajax load from php with json parse

Question

Я использую веб-сервис, чтобы получить доступность гостиниц, но не могу получить ajax, чтобы показать результаты более чем одного. Мой метод определенно испорчен & slow - как лучше сделать?

1) Код (упрощенно) вызывается для каждого отеля на странице списка 6-12 отелей: -

<script> 
$(document).ready(function(){ 
    $("#div<%=i%>").load("hotel-avail.php?id=xxyy"); 
}); 
</script> 

2) отель-avail.php ID = XXYY использует веб-сервиса, чтобы получить PHP массив? , $ result, определяя доступность отеля с id xxyy. Содержание раздела HTML: -

<script> 
var result = JSON.parse('<?php echo json_encode($result) ?>'); 
    if (result.hotels.estado == 'OK') { 
     document.getElementById("demo").innerHTML = "Yes"; 
    } else { 
     document.getElementById("demo").innerHTML = "No"; 
    } 
</script> 

Availability: <span id="demo"></span> 

Так что этот метод вводит данные дважды в 2-дивы, по одному в каждом файле. Помимо того, что вы выглядите плохо, и НЕ работает, это должен быть самый медленный путь к итерации через 6-12 гостиниц. Помоги пожалуйста!

Answer 1

Используйте этот код в качестве ссылки, если я пропускаю точку, дайте мне знать,

$.ajax({ 
    url: 'hotel-avail.php?id=xxyy', 
    method: 'post', 
    dataType: 'json', 
    success: function (result) { 

     if (result.hotels.estado == 'OK') { 
      document.getElementById("demo").innerHTML = "Yes"; 
     } else { 
      document.getElementById("demo").innerHTML = "No"; 
     } 
    } 
}); 

Это Ajax работает только с JQuery. забыл указать на это. Также вы можете изменить этот код:

document.getElementById("demo").innerHTML = "Yes"; 

для

$("#demo").html("Yes"); 

Answer 2

В случае полезной для других я подробно окончательный результат. Следуя идеям @ DAVID-lavieri, этот код работает для проверки наличия в гостинице один за другим через петлю и ввода значения в div0, div1 и т.д.: -

$.ajax({ 
    type: "GET", 
    url: 'hotel-avail.php', 
    data:'querystring defining data', 
    success: function(data){ 
     $("#div<%=i%>").html(data); 
    } 
    }); 

Чтобы приступить к работе, я удалил весь сценарий 2) hotel-avail.php (см. мою первоначальную запись выше) и заменен на «echo json_encode ($ result)»; в конце php-кодирования, вызывающего веб-сервис.

Это проверяет наличие по одному. Вероятно, это намного медленнее, чем получение всех доступных в одном веб-сервисе вызовов, а затем обновление каждого div. Следующий проект!