Почему сайт не видит ajax запрос?

Question

[KalievaLuna]

Здравствуйте! Помогите пожалуйста! У меня на сайте меню который должен обновляться динамически по нажатию на кнопку. Все это делаю с помощью ajax. Но у меня ajax совсем не работает. Может я делаю что-то не так.?
Вот скрипт который должен выполнять запрос

<script>
  $(document).ready(function() {
    function load_page_ditails(id)
    {
      $.ajax({
        url:"fetch.php",
        method:"POST",
        data:{id:id},
        success:function(data)
        {
          $('#page_ditails').html(data);
        }
      });
    }
    load_page_ditails(1); /* По умолчанию будет выводиться таблица с id 1 */
    $('.navbar-nav li').click(function(){
      var page_id = $(this).attr("id");
      load_page_ditails(page_id);
    })
  });
  </script>

И файл fetch.php

<?php 
// fetch.php
if(isset($_POST["id"]))
{
    $connect = mysqli_connect('localhost','root','root','testing');
    $query = "SELECT * FROM `pages` WHERE 'page_id' = '".$_POST["id"]."'"; 
    $result = mysqli_query($connect,$query);
    $output = '';
    while ($row = mysqli_fetch_array($result))
    {
      $output .= '
      <h1> '.$row["page_title"].' </h1>
      <p> '.$row["page_dicrption"].'</p>
      ';
    }
    echo $output;
}
?>

Comments

[gooseNjuice ()]

Добавь обработку ошибки и посмотри вывод в консоли

[KalievaLuna]

gooseNjuice (), как добавить?

[gooseNjuice ()]

KalievaLuna, например, вот так

$.ajax({
        url:"fetch.php",
        method:"POST",
        data:{id:id},
        success:function(data)
        {
          $('#page_ditails').html(data);
        },
	error: function (jqXHR, exception) {
console.log(jqXHR.responseText))
console.log(exception))
}
      })

[KalievaLuna]

gooseNjuice (), я добавила как вы показали в консоли все равно ничего не показывает(

[gooseNjuice ()]

KalievaLuna, интересно. А если добавить console.log в функцию success? Если вызывается она, а не error, мы увидим сообщение. Это будет означать, что косяк не в ajax

[KalievaLuna]

gooseNjuice (), Извините, не очень поняла что вы имеете ввиду?

[gooseNjuice ()]

KalievaLuna,

success:function(data)
        {
console.log("Проверяем, что функция success вызвана");
          $('#page_ditails').html(data);
        },

[Владимир]

KalievaLuna, это потому, что вам не совсем верную функцию для "error:" написали. Попробуйте вот так:

error: function(jqXHR, textStatus, errorThrown){
  console.log(errorThrown);
}

[KalievaLuna]

Владимир, missing ) after argument list вывел такую ошибку. Что это означает и как исправить?)

[Владимир]

KalievaLuna, это самая простая и часто самая неприятная проблема: лексический анализатор считает, что у вас где-то не хватает закрывающей круглой скобки после списка аргументов.

На самом деле она может быть вызвана лишней (или, наоборот, недостающей) фигурной скобкой, точкой вместо запятой в списке аргументов, опечаткой в имени переменной или служебном слове и т.п. Причем, это необязательно будет именно в той строке кода, которая отмечена как содержащую ошибку. Судя по тому, что приведенный вами код у меня работает, это как раз тот случай - баг у вас где-то в другом месте.