За последние 24 часа нас посетил 15791 программист и 1541 робот. Сейчас ищут 714 программистов ...

Не работает простой пример ajax

Тема в разделе "PHP для новичков", создана пользователем Михаил_Влад, 7 фев 2017.

  1. Михаил_Влад

    Михаил_Влад Новичок

    С нами с:
    4 фев 2017
    Сообщения:
    36
    Симпатии:
    1
    пытался сравнить login, пароль c БД на сайте... не выполняется ajax.... ну никак не хочет...

    Решил попробовать простой пример.... и он тоже не выполняется( Библиотеки Jквери 4 разных перепробовал... Может какие настройки Openservera?

    код не идет:
    <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>

    <script type="text/javascript">

    function funcBefore(){
    $("#information").text("Ожидание данных");
    }

    function funcSuccess(data){
    $("#information").text(data);
    }

    Document.read(function(){
    $("#load").bind("click",function(){
    var admin = "Admin";
    $.ajax({
    url:"content.php",
    type:"POST",
    data: ({name: admin, number: 5}),
    dataType:"html",
    beforeSend:funcBefore,
    success: funcSuccess
    });
    });
    });


    </script>
    <title></title>
    </head>

    <body>

    <p id="load" style="cursor: pointer;">загрузить данные</p>
    <div id="information"></div>

    </body>
    //////////////////////content.php////////////////////////////////////
    <?php

    echo "Данные: строка - ".$_POST['name'], "цифра -".$_POST['number'];

    ?>
     
  2. Sergey_Tsarev

    Sergey_Tsarev Активный пользователь

    С нами с:
    17 мар 2016
    Сообщения:
    502
    Симпатии:
    105
    @Михаил_Влад, а почему Document.read с большой буквы? Насколько я помню JS чувствителен к регистру.

    И что конкретно не идёт? Какие ошибки выдаёт?
     
    Михаил_Влад нравится это.
  3. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.559
    Симпатии:
    632
    наверное, имеется ввиду
    Код (Text):
    1. $( document ).ready
     
    Михаил_Влад нравится это.
  4. san4ez

    san4ez Активный пользователь

    С нами с:
    13 авг 2016
    Сообщения:
    331
    Симпатии:
    47
    знакомый код с ютуба...
     
    Михаил_Влад нравится это.
  5. Sergey_Tsarev

    Sergey_Tsarev Активный пользователь

    С нами с:
    17 мар 2016
    Сообщения:
    502
    Симпатии:
    105
    Попробуй так:

    index.php

    PHP:
    1. <!DOCTYPE html>
    2. <html>
    3.     <head>
    4.         <script src="/scripts/jquery-2.1.4.min.js" type="text/javascript"></script>
    5.         <script>
    6.             function funcBefore(){
    7.                 $("#information").text("Ожидание данных");
    8.             }
    9.  
    10.             function funcSuccess(data){
    11.                 $("#information").text(data);
    12.             }
    13.            
    14.             $(document).ready(function() {
    15.                 $("#load").bind("click",function(){
    16.                     var user = $('#user').val();
    17.                     var password = $('#password').val();
    18.                     $.ajax({
    19.                         url:"content.php",
    20.                         type:"POST",
    21.                         data: {'user':user, 'password':password},
    22.                         dataType:"html",
    23.                         beforeSend:funcBefore(),
    24.                         success: function (response) {
    25.                         funcSuccess (response);
    26.                         }
    27.                     });
    28.                 });
    29.             });
    30.         </script>
    31.     </head>
    32.     <body>
    33.         <input id="user" type="text" name="user">
    34.         <input id="password" type="text" name="password">
    35.         <div id="information">
    36.         </div>
    37.         <input id="load" type="button" value="Загрузить данные">
    38.     </body>
    39. </html>
    content.php

    PHP:
    1. <?php
    2. echo 'Данные: юзер - '.$_POST['user'].' пароль - '.$_POST['password'];
    3. ?>
     
    Михаил_Влад нравится это.
  6. Михаил_Влад

    Михаил_Влад Новичок

    С нами с:
    4 фев 2017
    Сообщения:
    36
    Симпатии:
    1
    К сожалению и этот пример не работает. Подключил jquery-2.1.4.min.js...При нажатии на кнопки выходит "ожидание данных" и все((
     
  7. san4ez

    san4ez Активный пользователь

    С нами с:
    13 авг 2016
    Сообщения:
    331
    Симпатии:
    47
    при подключении jquery с гугла
    HTML:
    1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" type="text/javascript"></script>
    вышенаписанный код работает, с какого сайта скачивали библиотеку? что бы проверить =)
     
    #7 san4ez, 8 фев 2017
    Последнее редактирование: 8 фев 2017
    Михаил_Влад нравится это.
  8. Михаил_Влад

    Михаил_Влад Новичок

    С нами с:
    4 фев 2017
    Сообщения:
    36
    Симпатии:
    1
    https://archive.org/details/jquery-2.1.4.min

    С гугла тоже пробовал .... не идет....

    проект запускаю на разных компьютерах... дома и на работе.... с флэшки Openserver -ом
     
  9. san4ez

    san4ez Активный пользователь

    С нами с:
    13 авг 2016
    Сообщения:
    331
    Симпатии:
    47
    эмм.. у меня на опенсервере все работает....
    --- Добавлено ---
    проверяй названия файлов... например точно content.php у тебя создан или нет
     
    Михаил_Влад нравится это.
  10. Михаил_Влад

    Михаил_Влад Новичок

    С нами с:
    4 фев 2017
    Сообщения:
    36
    Симпатии:
    1
    точно content.php и точно в этой же папке находится
    --- Добавлено ---
    upload_2017-2-8_14-13-24.png
    --- Добавлено ---
    Все извиняюсь - сам дурак!!! Всем огромное спасибо