Ajax работа для формы, как получить ответ?

Question

[habrdima]

Вот функция с ajax

function f (e) {
        e.preventDefault();
    var xhr = new XMLHttpRequest();

var json = JSON.stringify({
  name: "login"
});

xhr.open("POST", 'form.php', true)
xhr.setRequestHeader('Content-type', 'application/json; charset=utf-8');

xhr.send(json);
 
  xhr.onreadystatechange = function(){
    if (xhr.readyState != 4) return;
    if (xhr.status != 200){
      alert(xhr.status + ': ' + xhr.statusText);
    }else{ 
      alert(xhr.responseText)
    }
  }
}

Это форма

<?php
if(isset($_POST['login'])){
echo "<br/>login = ". $_POST['login'];
}
?>

form.php вставляю в index через include,
при нажатии на кнопку выполняю функцию, но консоль пишет ошибку 404 (not found)
Делаю все в wordpress на собственной теме, сама форма работает без ajax, но нужен ajax..
что делаю не так?

Comments

[alexalexes]

xhr.open("POST", 'form.php', true)

form.php вставляю в index через include,

У вас аякс сразу стучится в form.php (и вероятно, он лежит не на том же уровне каталога, что index.php, либо доступ закрыт по http всем запросам, кроме на index.php, раз выходит 404), с чего вы взяли, что его надо инклудить?

[habrdima]

alexalexes, что плохого в инклюде? form.php в той же папке, что делать с http?

[alexalexes]

Ну, так обращение xhr.open идет сразу на скрипт form.php - на стороне сервера от него начнется обработка аякс-сообщения, а не от индекса. Индекс запуститься, если по каким-то причинам будет редирект на него.
Запишите в form.php

<?php
echo 'I am form.php';
?>

и попробуйте в адресной строке браузера сразу на него обратиться:
имя_сайта/form.php
Так же будет 404?

[habrdima]

alexalexes, да, тоже ошибка..
мне надо при нажатии на кнопку вывести обработанную информацию на сайт, ajax соединяется с php ведь так? но у меня ошибка, в гугле грамотного без jquery решения не нашел(

[alexalexes]

Значит, никакие обращения по http не могут быть реализованы, кроме как в index.php.
В том же каталоге, где лежит index.php, по идее, должен находит файл .htaccess
Он управляет такими ограничениями.
Какого его содержание?
Интересуют строчки, где идет RewriteRule.

[habrdima]

alexalexes, да, там только index, и он в папке с wordpress, что делать с ним?

Answer 1

[ThunderCat]

xhr.open("POST", 'form.php', true)

form.php вставляю в index через include,

???
Похоже вы не очень понимаете что и как должно работать...

Comments

[habrdima]

как надо?

[ThunderCat]

habrdima, надо понимать что вы делаете и для чего, и как работает аякс. Посмотреть примеры для начала.
Просто пихать код и надеяться что все заработает - плохая практика.
Даже не знаю с чего начать объяснять, по этим строчкам получается что вы не знаете как вообще взаимодействует клиентский скрипт с серверной частью. Базовых знаний не хватает.

Answer 2

[Сёмка Гавриленко]

Ели файл form.php лежит в папке с вашей темой, тогда адрес этого файла будет site/wp-content/themes/theme-name/form.php