1

Не знаю где допустил ошибку. Не получается передать данные через Ajax в PHP-файл.

<ul id="myTab" class="nav nav-tabs nav-justified">
    <?
    while ($news = $news_sql->fetch(PDO::FETCH_BOTH)) {
        $NewsCategoryID = $news['NewsCategoryID'];
        echo '<li class=""><a id="NewsCategoryID onclick="myFunction()" href="#' . $news['NewsCategoryID'] . '" data-toggle="tab" aria-expanded="true">' . $news['NewsCategoryTitle'] . '</a></li>';
    }
    ?>
</ul>
<table class="table table-striped" id="content"></table>
<script>
    function myFunction() {
        var NewsCategoryID = '<?echo $NewsCategoryID?>'
        $.ajax({
            type: "GET",
            url: "ajax_news.php",
            data: NewsCategoryID, 
            dataType: "text",
            timeout: 30000,
            async: false,
            error: function(xhr) {
                console.log('Ошибка!' + xhr.status + ' ' + xhr.statusText); 
            },
            success: function(a) {
                document.getElementById("content").innerHTML = a;
            }
        });
    }
</script>
7
  • Что есть var NewsCategoryID = '<?echo $NewsCategoryID?>'? P.S. Поставьте после объявления точку с запятой.
    – mix
    30 ноя 2015 в 19:00
  • 1
    1. Смесь PHP и HTML и выглядит мрачно, и плоха с точки зрения архитектуры, и ошибок в ней наделать можно немало. Стоит использовать фреймворк или что-то ещё для передачи полученных в модели данных во View. 2. JS скрипты должны быть вынесены в отдельные файлы, и уж тем более в них не должны быть ни намёка на PHP. Думаю, после приведения проекта в корректный вид многие ошибки и проблемы отпадут сами собой.
    – Regent
    30 ноя 2015 в 19:20
  • Спасибо за ответ, но не помогло. Скрипт куда летит запрос работает, но сам запрос не долетает до скрипта. Внутри тэга table должен приходить ответ из скрипта ajax_news.php , в ответе правильные тэги <tr> и <td> 30 ноя 2015 в 19:25
  • А, да: ещё не стоит экономить на пробелах и переводах строк. За async: false, кстати, обычно полагается расстрел на месте. А раз используется jQuery, то и конструкции в стиле document.getElementById("content").innerHTML использовать смысла нет.
    – Regent
    30 ноя 2015 в 19:28
  • 2
    Чего прилипли со своими моделями. Может у человека своя религия
    – user31906
    1 дек 2015 в 4:49

3 ответа 3

1

попробуй так

data: { "NewsCategoryID":NewsCategoryID }

0
var NewsCategoryID = '<?=$NewsCategoryID;?>';

echo "<li class=''><a id='NewsCategoryID' onclick='myFunction()' href='#{$news['NewsCategoryID']}' data-toggle='tab' aria-expanded='true'>{$news['NewsCategoryTitle']}</a></li>";

Проверь еще раз пунктуацию и далее отладчиком смотри, что куда уходит и приходит.

0

Решил не мучится и сделать по другому

<script>
  function showUser(str) {
    if (str == "") {
      document.getElementById("NewsCategoryID").innerHTML = "";
      return;
    } else {
      if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
      } else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
          document.getElementById("NewsCategoryID").innerHTML = xmlhttp.responseText;
        }
      };
      xmlhttp.open("GET", "ajax_news.php?NewsCategoryID=" + str, true);
      xmlhttp.send();
    }
  }
</script>
<ul class="nav nav-tabs nav-justified">
  <? while ($news=$ news_sql->fetch(PDO::FETCH_BOTH)){ $NewsCategoryID = $news['NewsCategoryID']; echo '
  <li class=""><a onclick="showUser('.$NewsCategoryID.');" data-toggle="tab" aria-expanded="true">'.$news['NewsCategoryTitle'].'</a>
  </li>'; } ?>
</ul>
<table class="table table-striped" id="NewsCategoryID">

</table>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.