Как делать действия с помощью XmlHtttpRequest?

@Yakunin_Yura · Регистрация: 28.07.2016

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

Ребята, ну намекните хотя бы как делать это задание
начиная со слов "All actions on these pages should use AJAX via XMLHttpRequest. Here is the list of fields"
с помощью XmlHtttpRequest.
Я - дуб дубом - здесь https://learn.javascript.ru/ajax-xmlhttprequest
речь идёт о загрузке файла... а как действия делать?

@Yakunin_Yura · 05.12.2018, 20:50 **[ТС]**

Сейчас выложу само задание. вот оно:

@Streletz · 05.12.2018, 21:17

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

намекните хотя бы как делать это задание
начиная со слов "All actions on these pages should use AJAX via XMLHttpRequest. Here is the list of fields"

Для того чтобы понять как делать задание, нужно сперва понять само задание. (с) Моё.
Прочитайте внимательно текст. Если с английским совсем плохо, попробуйте использовать переводчик от Гугла или Яндекса.
Хотя я бы сразу загуглил "AJAX via XMLHttpRequest".

@Yakunin_Yura · 05.12.2018, 21:28 **[ТС]**

Streletz, Да английский я знаю и давно уже перевёл!
А вот понять как делать НЕ ВСЁ, а начиная со слов "All actions on these pages should use AJAX via XMLHttpRequest. Here is the list of fields"..

Добавлено через 4 минуты
..вы наверное не совсем правильно меня поняли.
под словом "действия" я имею в виду то, что в тексте обозначается словом "actions"

@tarasalk · 05.12.2018, 21:37

Также как и файл.
Например хотите добавить новость.
На url /news/add на стороне сервера создаете обработчик, который будет принимать параметры и создавать новость, и возвращает ответ типа {status: 'success'}. Обычно используют json для передачи данных.
На клиенте делаете ajax запрос на этот url, в теле запроса передаете параметры.

Почитайте основы и не будете дуб дубом.

Сынок · 06.12.2018, 08:13

Все действия на этих страницах должны использовать AJAX через XMLHttpRequest.

А что, можно использовать AJAX без XMLHttpRequest?

Ну и зачем мне тогда изучать английский язык, чтобы читать такую тупость?

@tarasalk · 06.12.2018, 12:39

Сообщение от Сынок

А что, можно использовать AJAX без XMLHttpRequest?

fetch
Ну и обертки всякие, jquery.ajax, axios...

Сообщение от Сынок

Ну и зачем мне тогда изучать английский язык, чтобы читать такую тупость?

Да вроде никто вас не заставляет, что это вас так бомбануло?

@u4en1k · 06.12.2018, 14:32

Yakunin_Yura,

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
                      $.ajax({
                         type: 'POST',
                           url: 'obrabotchik.php',
                           dataType: "json",
                            data:{
                                "id":1 
                            },
                              success: function(data) {
 
                                if(data.result == "success"){
                                                    alert(data.html);     
                                }
                                else if(data.result == 'error'){
                                                alert(data.html);                                   
                                }
                                },
          
                         });

obrabotchik.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
 <?php
 if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && !empty($_SERVER['HTTP_X_REQUESTED_WITH'])
  && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
    if(!empty($_POST['id'])){
            echo json_encode(array(
                'result'=>'success',
                'html'=>'Все отлично'
            ));
            return;     
    }
    else{
                echo json_encode(array(
                'result'=>'error',
                'html'=>'Что-то не так'
            ));
            return;  
    }
  
 }
else{
            echo json_encode(array(
                'result'=>'error',
                'html'=>'Подделывают?'
            ));
            return;  
}
 ?>

Добавлено через 57 минут

All actions on these pages should use AJAX via XMLHttpRequest. Here is the list of fields:
* Title. News title, input type=text, max length = 255
* Date. News date.
* Text. News text, textarea

Создайте input

HTML5
1
2
3
4
5
 <div id='result'></div>
<input type='text' name='title' id='title' maxlength='255' value='' placeholder='News Title'><br/>
<input type='text' name='date'  value='' id='date' placeholder='News Date'><br/>
<input type='text' name='text'  value='' id='text' placeholder='News Text'></br>
<div id='send'>Добавить</div>

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
$('body').on('click','#send',function(e){
e.preventDefault();
        var title = document.getElementById('title').value;
        var news_date = document.getElementById('date').value;
        var text = document.getElementById('text').value;
        if(!!title && !!new_date && !!text){
                         $.ajax({
                         type: 'POST',
                           url: 'obrabotchik.php',
                           dataType: "json",
                            data:{
                                "title":title,
                                "news_date":news_date,
                                "text":text 
                            },
                              success: function(data) {
 
                                if(data.result == "success"){
                                            document.getElementById('result').innerHTML = data.html;
                                }
                                else if(data.result == 'error'){
                                          document.getElementById('result').innerHTML = data.html;                                  
                                }
                              },
          
                         });
        }
    });

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
<?php
 if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && !empty($_SERVER['HTTP_X_REQUESTED_WITH'])
  && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
    if(!empty($_POST['title']) && !empty($_POST['news_date']) && !empty($_POST['text'])){
        // тут нужно отфильтровать данные и проверку написать
        // запись в БД
            echo json_encode(array(
                'result'=>'success',
                'html'=>'Title News ' .$_POST['title'] . '<br/>Text News: ' . $_POST['text'] . '<br/>Date: ' . $_POST['news_date']
            ));
            return;     
    }
    else{
                echo json_encode(array(
                'result'=>'error',
                'html'=>'Что-то не так'
            ));
            return;  
    }
  
 }
else{
            echo json_encode(array(
                'result'=>'error',
                'html'=>'Подделывают?'
            ));
            return;  
}
 ?>

Затем в этом файле, где у Вас форма, в php файле, пишите извлечение данных из Базы данных, в div id='result' делаете вывод из результата, что получили из базы данных. Ну и, чтобы все корректно воркало, в блок id='result' уже в скрипте, после того как все прошло хорошо, данные добавляете в конец этого блока result c помощью функции append. Там еще сказано о комментариях. Каждую новость выводить отдельно и добавлять форму под комментарии. Выводить все новости и к каждой прикрутить форму для комментариев, так же обработчик вешаете, получаете данные, выводите, Принцип с комментариями такой же как и с новостями, только чуть имена будут полей другие и запись в базу данных. На этом все. Больше текста написал, чем там кода нужно

Добавлено через 21 секунду
P.S код не тестировал, мог где-то опечататься.

Сынок · 06.12.2018, 14:35

tarasalk, уважаемый, не замена ajax, а использование ajax без XMLHttpRequest дайте и я выполню задание по ajax ИМЕННО c XMLHttpRequest, потому что можно ajax без XMLHttpRequest

@Зверушь · 06.12.2018, 14:40

Yakunin_Yura, это означает, что все действия на странице должны происходить без перехода на другие страницы и без перезагрузки текущей. Для этого используется технология ajax (xmlhttprequest). Так что придется кодить не только на php, но и еще на js.

@u4en1k · 06.12.2018, 14:46

Я уже все накодил

@tarasalk · 06.12.2018, 17:48

Сообщение от Сынок

tarasalk, уважаемый, не замена ajax, а использование ajax без XMLHttpRequest дайте и я выполню задание по ajax ИМЕННО c XMLHttpRequest, потому что можно ajax без XMLHttpRequest

Эм, что?

Вы пьяны?

Сынок · 06.12.2018, 17:52

tarasalk, то есть не будет примера ajax без XMLHttpRequest от Вас, всё понял

@Зверушь · 06.12.2018, 17:59

Сынок, только что прочитал в вики.
Ajax - технология обмена данными между сервером и клиентом, которая может использовать xmlhttprequest, а может и нет, так что статья от tarasalk это вполне себе ajax, где xmlhttprequest заменили на некие промисы и fetch(). Но честно, первый раз об этом слышу)))) Пойти почитать чтоли?))

@Jewbacabra · 06.12.2018, 18:03

Не по теме:

В древних ie аякс производился с помощью ActiveXObject, XMLHttpRequest там не было.

@Yakunin_Yura · 06.12.2018, 19:28 **[ТС]**

u4en1k, Спасибо огромное!

Сынок · 06.12.2018, 21:19

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

В древних ie аякс производился с помощью ActiveXObject

в копилку для общего так сказать развития

Добавлено через 1 минуту
Зверушь, Jewbacabra прокомментировал выше

@Jewbacabra · 06.12.2018, 21:24

Не по теме:

Сообщение от Сынок

Зверушь, Jewbacabra прокомментировал выше

Зверушь, tarasalk, выше верно говорят. ajax != XMLHttpRequest, XMLHttpRequest - одна из реализаций ajax.

Сынок · 06.12.2018, 21:49

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

XMLHttpRequest - одна из реализаций ajax

Одна из реализаций или основа?

@Jewbacabra · 06.12.2018, 21:56

Сообщение от Сынок

Одна из реализаций или основа?

Одна из реализаций.
Ps. По ссылке не официальная документация, и в оригинале нет слова "основа"

Новые блоги и статьи Все статьи Все блоги /
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .

@Yakunin_Yura 31 / 25 / 7 Регистрация: 28.07.2016 Сообщений: 895

	Как делать действия с помощью XmlHtttpRequest? 05.12.2018, 20:48. Показов 2504. Ответов 40 Метки нет (Все метки) Ребята, ну намекните хотя бы как делать это задание начиная со слов "All actions on these pages should use AJAX via XMLHttpRequest. Here is the list of fields" с помощью XmlHtttpRequest. Я - дуб дубом - здесь https://learn.javascript.ru/ajax-xmlhttprequest речь идёт о загрузке файла... а как действия делать? 0

@Yakunin_Yura 31 / 25 / 7 Регистрация: 28.07.2016 Сообщений: 895
	05.12.2018, 21:28 [ТС]
	Streletz, Да английский я знаю и давно уже перевёл! А вот понять как делать НЕ ВСЁ, а начиная со слов "All actions on these pages should use AJAX via XMLHttpRequest. Here is the list of fields".. Добавлено через 4 минуты ..вы наверное не совсем правильно меня поняли. под словом "действия" я имею в виду то, что в тексте обозначается словом "actions" 0

@tarasalk 1992 / 1216 / 440 Регистрация: 13.06.2013 Сообщений: 4,115
	05.12.2018, 21:37
	Также как и файл. Например хотите добавить новость. На url /news/add на стороне сервера создаете обработчик, который будет принимать параметры и создавать новость, и возвращает ответ типа {status: 'success'}. Обычно используют json для передачи данных. На клиенте делаете ajax запрос на этот url, в теле запроса передаете параметры. Почитайте основы и не будете дуб дубом. 0

Сынок 31 / 46 / 19 Регистрация: 18.07.2018 Сообщений: 578
	06.12.2018, 08:13
	Все действия на этих страницах должны использовать AJAX через XMLHttpRequest. А что, можно использовать AJAX без XMLHttpRequest? Ну и зачем мне тогда изучать английский язык, чтобы читать такую тупость? 0

Сынок 31 / 46 / 19 Регистрация: 18.07.2018 Сообщений: 578
	06.12.2018, 14:35
	tarasalk, уважаемый, не замена ajax, а использование ajax без XMLHttpRequest дайте и я выполню задание по ajax ИМЕННО c XMLHttpRequest, потому что можно ajax без XMLHttpRequest 0

@Зверушь 461 / 369 / 94 Регистрация: 01.05.2010 Сообщений: 1,761
	06.12.2018, 14:40
	Yakunin_Yura, это означает, что все действия на странице должны происходить без перехода на другие страницы и без перезагрузки текущей. Для этого используется технология ajax (xmlhttprequest). Так что придется кодить не только на php, но и еще на js. 1

@u4en1k 133 / 118 / 34 Регистрация: 04.04.2018 Сообщений: 593
	06.12.2018, 14:46
	Я уже все накодил 0

Сынок 31 / 46 / 19 Регистрация: 18.07.2018 Сообщений: 578
	06.12.2018, 17:52
	tarasalk, то есть не будет примера ajax без XMLHttpRequest от Вас, всё понял 0

@Зверушь 461 / 369 / 94 Регистрация: 01.05.2010 Сообщений: 1,761
	06.12.2018, 17:59
	Сынок, только что прочитал в вики. Ajax - технология обмена данными между сервером и клиентом, которая может использовать xmlhttprequest, а может и нет, так что статья от tarasalk это вполне себе ajax, где xmlhttprequest заменили на некие промисы и fetch(). Но честно, первый раз об этом слышу)))) Пойти почитать чтоли?)) 0

@Jewbacabra
	06.12.2018, 18:03
	Не по теме: В древних ie аякс производился с помощью ActiveXObject, XMLHttpRequest там не было. 0

@Yakunin_Yura 31 / 25 / 7 Регистрация: 28.07.2016 Сообщений: 895
	06.12.2018, 19:28 [ТС]
	u4en1k, Спасибо огромное! 0

Как делать действия с помощью XmlHtttpRequest?

Решение