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

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

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

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

Только начал изучать 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';
?>

Новые блоги и статьи Все статьи Все блоги /
Списки и кортежи в Python: различия, особенности, применение py-thonny 13.04.2025 Python славится своей гибкостью при работе с данными. В арсенале языка есть две основные последовательные структуры данных, которые программисты используют ежедневно — списки и кортежи. Эти структуры. . .	Middleware в ASP.NET Core UnmanagedCoder 13.04.2025 В ASP. NET Core термин "middleware" занимает особое место. Что же это такое? Middleware представляет собой программные компоненты, которые формируют конвейер обработки HTTP-запросов в приложении. . . .	Таблицы лута в Unity с MinMaxCurve и AnimationCurve GameUnited 12.04.2025 Создание сбалансированного лута в играх — задача не из простых. Разработчики постоянно ищут способы настройки систем выпадения предметов, которые будут одновременно справедливыми для игроков и. . .	std::expected в C++: Управление ошибками bytestream 12.04.2025 Обработка ошибок всегда была важной и одновременно сложной задачей в программировании на C++. На протяжении долгого времени разработчики использовали различные подходы: возвращаемые коды ошибок,. . .	Nullable типы и операторы объединения null в C# UnmanagedCoder 12.04.2025 Многие шутят, что null — это миллиардная ошибка в программировании. И в этой шутке только доля шутки. Тони Хоар, создатель null-ссылки, сам назвал её своей "ошибкой на миллиард долларов". Почему?. . .
Аутентификация и авторизация JWT в микросервисах с API Gateway stackOverflow 12.04.2025 В традиционных монолитных приложениях безопасность часто реализуется как единый защитный периметр - пользователь проходит аутентификацию один раз, после чего получает доступ ко всем функциям системы. . . .	TypeScript: Интерфейсы vs Типы run.dev 11.04.2025 Современная разработка на JavaScript сталкивается с множеством проблем при масштабировании проектов. Типизация кода стала хорошим инструментом, помогающим избежать ошибок во время выполнения,. . .	Управление топиками и разделами Kafka Javaican 11.04.2025 Apache Kafka — распределенная платформа потоковой передачи данных, которая стала стандартом для построения высоконагруженных систем обмена сообщениями. В современной архитектуре микросервисов,. . .	Миграция монолита в Event-Driven микросервисную архитектуру на C# stackOverflow 11.04.2025 Монолитная архитектура – классический подход к разработке программного обеспечения. Это приложение, построенное как единое целое, где все компоненты тесно связаны между собой. Большинство проектов. . .	Go в Kubernetes: Управление ресурсами golander 11.04.2025 Разработчики Go-приложений в Kubernetes часто сталкиваются с неожиданными проблемами производительности и даже внезапными отказами контейнеров. Причина этого кроется в особенностях взаимодействия. . .

@amr-now 6496 / 3906 / 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 / 3906 / 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

@Mr_Sergo 2036 / 1095 / 409 Регистрация: 29.04.2016 Сообщений: 2,625
	11.02.2019, 01:30
	Сообщение от witcher4680 Ниже код написанный на JS Сообщение от witcher4680 код который вынесен в отдельный php файл посмотрите как оформлен код в предыдущем посте, оформите так же и выложите здесь полный код того о чем вы говорите, иначе тут можно долго гадать, на кофейной гуще, почему у вас такая проблема. 0