Обновите элемент Span с Ajax и php - PullRequest
0 голосов
/ 28 января 2020

Здравствуйте, снова переполнение стека

У меня есть простой PHP файл (счетчик. php), который ищет число и отображает его.

Как мне получить ajax обновить простой элемент span на моей странице HTML.

Я пытался запустить ajax при загрузке страницы с помощью: <body class="skin-blue" onload="updateCDNonts();">

JS

function updateCDNonts() {
  $.get("x.x.x.x:8080/getliveontscdn.php=", function(result){
    $("#countonts").html(result)};
}

HTML <span id="countonts" class="info-box-number">0</span>

Может ли кто-нибудь указать мне правильное направление?

Ответы [ 2 ]

0 голосов
/ 30 января 2020

Мне удалось заставить его работать. Я изменил свой сценарий php, чтобы получить json, вот это json: {"cdnonts":"144","eagonts":"0","stamonts":null,"foxonts":null,"pentonts":null,"topponts":null,"wickhamonts":null}

И в html я сделал следующее

            <script language="javascript">

                window.onload = function() {
                $.ajax({ 
                type: 'GET', 
                url: 'countallonts.php',
                dataType: "json",
                data: { get_param: 'cdnonts' },
                success: function(data){
                     $('span#cdnonts').html( data.cdnonts);
                     $('span#eagonts').html( data.eagonts);
                }});}

            </script>   

Хотя Я не уверен, почему это работает, потому что я ожидал, что переменная данных выдаст только объект "cdnonts", но я подозреваю, что вместо этого он анализирует все объекты?

Спасибо за вашу помощь.

0 голосов
/ 28 января 2020

У вас есть несколько проблем с вашим кодом, я попытался указать их все ниже для вас:

function updateCDNonts() {
   $.get("x.x.x.x:8080/getliveontscdn.php", function(result){ //removed equals from url
   $("#countonts").html(result); //removed curly brace that shouldn't be there
 }); //added missing bracket and semicolon

Также, как кто-то еще заметил, следит за Cors, если ваш URL отличается.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...