Проблемы с работой Ajax

@witcher4680 · Регистрация: 18.04.2015

Студворк — интернет-сервис помощи студентам

Доброго времени суток!

Только начал изучать Ajax и на первых парах сталкиваюсь с проблемой. Ниже код написанный на JS , а так же код который вынесен в отдельный php файл. По результату нажатия на объект, должно вернуться слово Hello, но вместо этого, в алерт выводится весь html код страницы на которой я нахожусь. Подскажите пожалуйста, что конкретно делаю не так.

Заранее благодарен!

JavaScript
1
2
3
4
5
$('#scooter1').click(function(){
    $.get('goodinfo.php', function(data) {
    alert(data);
    })
});

PHP
1
2
3
<?php
echo 'Hello';
?>

@amr-now · 10.02.2019, 10:01

url cтраницы, на которой вы находитесь, не должен абсолютно совпадать с url в ajax-запросе.
Сервер как будет различать, где ему отдать страницу, а где кусок страницы?
То есть сервер тоже должен понимать, что от него хотят. Там посмотреть url, там посмотреть заголовки.
Если url не различаются, то сервер обязан покопаться в заголовках, чтобы различить.

@witcher4680 · 10.02.2019, 13:36 **[ТС]**

Так URL и не совпадает. Это отдельный php файл, который находится в той же директории. Файл в котором я нахожусь сейчас называется goods.php, файл, который указан в URL запроса Ajax, называется - goodinfo.php. Или я Вас не правильно понял?

@amr-now · 10.02.2019, 13:43

witcher4680, сервер, получив в GET-запросе url == 'goodinfo.php',
отдает в ответ файл goods.php ?

Значит, что-то не так в консерватории серверного скрипта.

@witcher4680 · 10.02.2019, 13:57 **[ТС]**

Да, Вы поняли правильно. Что такое консерватория серверного скрипта? Как проверить в чем конкретно проблема и как ее решить?

@amr-now · 10.02.2019, 14:34

У меня сейчас PHP не установлен. Показываю на сервере NodeJS.
Содержимое папки сайта:
goods.php

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
 
<body>
    <input id="scooter1" type="button" value="Запросить">
    <script>
        $('#scooter1').click(function () {
            $.get('goodinfo.php', function (data) {
                alert(data);
            })
        });
    </script>
</body>
</html>

app.js - серверный скрипт для NodeJS

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
const http = require("http");
const fs = require("fs");
const url = require("url");
 
http.createServer(listener).listen(3000);
 
async function listener(request, response) {
    switch (request.method) {
        case "GET": {
            // Информация для тестирования
            console.log(request.method);
            console.log(request.headers);
            console.log(request.url);
 
            let url = urlOrIndex(request.url);
            let s;
            // Здесь корень обработки get-запросов
            switch (url) {
                case "goods.php": // Основная страница
                    response.setHeader("Content-Type", "text/html; charset=utf-8");
                    s = await fs.readTextAsync(url);
                    break;
                case "goodinfo.php": // Текст будет загружен отдельно с помощью AJAX
                    response.setHeader("Content-Type", "text/plain; charset=utf-8");
                    s = "Hello";
                    break;
                case "favicon.ico":
                    break;
                default:
                    response.statusCode = 404;
                    response.setHeader("Content-Type", "text/html; charset=utf-8");
                    s = await fs.readTextAsync("404.html");
                    break;
            }
            response.end(s);
        }
            break;
    }
}
// ========================= Конец общей части =======================================
// promisify fs.readFile() https://stackoverflow.com/questions/34628305/using-promises-with-fs-readfile-in-a-loop
fs.readTextAsync = function (filename) {
    return new Promise((resolve, reject) => {
        fs.readFile(filename, "utf8", (err, buffer) => {
            if (err) reject(err); else resolve(buffer);
        });
    });
};
 
function urlOrIndex(url) {
    return url.slice(1) + (url.endsWith("/") ? "index.html" : "");
}

404.html

PHP/HTML
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <h1>404 - страница не найдена!</h1>
</body>
</html>

@Mr_Sergo · 11.02.2019, 01:30

Сообщение от witcher4680

Ниже код написанный на JS

Сообщение от witcher4680

код который вынесен в отдельный php файл

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

@witcher4680 · 17.02.2019, 21:01 **[ТС]**

Полный код 2х файлов ниже. Буду Вам благодарен за комментарии!

goods.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<?php
    HeadCC('Товары', 'v');
?>
        <div class="mainblock">
            <p align="center" class="stafflistheadline">Управление товарами</p>
            <?php
                MessageShow ();
                $Link = "'/ccenter/goods/scooter'";
                if (empty($Submodule)){
                    echo '
                        <table class="catgoods">
                        <tr><th class="stafflisthead1">Номер</th><th class="stafflisthead">Название категории</th><th class="stafflisthead">Краткое описание</th><th class="stafflisthead">Количество позиций</th><th class="stafflisthead">Количество товара в наличии</th></tr>
                        <tr class="stafflisttr" onclick="window.location.href='.$Link.'; return false"><td class="catgoodsid">1</td><td>Самокаты</td><td>Средство передвижения</td><td>56</td><td>1000</td></tr>
                        <tr class="stafflisttr"><td class="catgoodsid">2</td><td>Велобеги</td><td>хз что это</td><td>312</td><td>657</td></tr>
                        <tr class="stafflisttr"><td class="catgoodsid">3</td><td>Рабы</td><td>Полезные ребята</td><td>78</td><td>45</td></tr>
                        <tr class="stafflisttr"><td class="catgoodsid">4</td><td>Конская сперма</td><td>Готовьте жидкий азот</td><td>93</td><td>42</td></tr>
                        <tr class="stafflisttr"><td class="catgoodsid">5</td><td>Шумеры</td><td>По всем вопросам обращайтесь к Владимиру</td><td>11</td><td>60</td></tr>
                        </table>';
                }
                else{
                    echo '
                    <div class="goodstable">
                        <div class="instrumentsline"><img src="/resources/picture/icon/plus.png" style="height: 100%;"><img src="/resources/picture/icon/pancil.png" style="height: 100%;"></div>
                        <div class="goodslist">
                        <table>
                            <tr class="scooter1" id="scooter1">
                            <td>1</td><td>лох</td>
                            </tr>
                            <tr class="scooter2" id="scooter2">
                            <td>2</td><td>пидр</td>
                            </tr>
                        </table>
                        </div>
                        <div class="goodinfo">
                        </div>
                    </div>
                    ';
                }
            ?>  
        </div>
        <script>
            /*function funSuc (data){
                alert(data);
            }
            $(document).ready (function(){
                $("#scooter1").bind("click", function(){
                    $.ajax ({
                        url: 'goodinfo.php',
                        type: 'POST',
                        data: ({'number': 5}),
                        dataType: 'html',
                        success: funSuc
                    });
                });
            });*/
            $('#scooter1').click(function(){
                $.get("goodino/goodinfo.php", function(data) {
                alert(data);
                })
            });
        </script>   
    </body>
</html>

goodinfo.php

PHP
1
2
3
<?php
echo 'Hello';
?>

Новые блоги и статьи Все статьи Все блоги /
Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это дополнительная запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .

@amr-now 6496 / 3907 / 2006 Регистрация: 14.06.2018 Сообщений: 6,781
	10.02.2019, 10:01
	url cтраницы, на которой вы находитесь, не должен абсолютно совпадать с url в ajax-запросе. Сервер как будет различать, где ему отдать страницу, а где кусок страницы? То есть сервер тоже должен понимать, что от него хотят. Там посмотреть url, там посмотреть заголовки. Если url не различаются, то сервер обязан покопаться в заголовках, чтобы различить. 0

@witcher4680 0 / 0 / 1 Регистрация: 18.04.2015 Сообщений: 52
	10.02.2019, 13:36 [ТС]
	Так URL и не совпадает. Это отдельный php файл, который находится в той же директории. Файл в котором я нахожусь сейчас называется goods.php, файл, который указан в URL запроса Ajax, называется - goodinfo.php. Или я Вас не правильно понял? 0

@amr-now 6496 / 3907 / 2006 Регистрация: 14.06.2018 Сообщений: 6,781
	10.02.2019, 13:43
	witcher4680, сервер, получив в GET-запросе url == 'goodinfo.php', отдает в ответ файл goods.php ? Значит, что-то не так в консерватории серверного скрипта. 0

@witcher4680 0 / 0 / 1 Регистрация: 18.04.2015 Сообщений: 52
	10.02.2019, 13:57 [ТС]
	Да, Вы поняли правильно. Что такое консерватория серверного скрипта? Как проверить в чем конкретно проблема и как ее решить? 0