Введите файл ajax Js, к которому идет обращение - Веб-строительство

341

mark2011

15 июня 2018, 08:22

#11

Ещё раз.

js/ajax.js

$(document).ready(function() {
$("#submitLogin").click(function() {
$.ajax({
url: "../ajax/login.php",
type: "POST",
data: {form: $('#formLogin').serialize()},
dataType: "json",
success: function(html) {
var res = $.parseJSON(html);
alert(res);
},
error: function() {
alert('error');
}
});
});
});

login.html

<form id="formLogin" method="post" action="">
<div class="form-group">
<label for="login">Login: </label>
<input id="login" name="login" placeholder="Enter login">
</div>
<div class="form-group">
<label for="password">Password: </label>
<input id="password" name="password" type="password" placeholder="Enter password" />
</div>
<button class="btn btn-primary" id="submitLogin">Submit</button>
</form>
<div id="result"></div>

ajax/login.php

$result = array("form" => $_POST['form']);

echo json_encode($result);
die();

На вкладке "Сеть" всё передается и всё получается, единственное что - ответ от login.php нулевой, несмотря на то, что кол-во переданных байт положительное. С этим, вероятно, и связан error...

1) Файл ajax.js находится в папке /js/

2) Файл login.php, к которому идет обращение, находится в папке /ajax/.

------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше

Вирус. динамическое изменением файлов. нужно ли закрывать от Как вставить форму обратной

ДП

203

Дикий пионер

15 июня 2018, 09:22

#12

В login.php сделайте

echo json_encode($_POST);

и посмотрите что у вас там реально приходит на сервер.

369

Samail

15 июня 2018, 09:28

#13

Вместо

var res = $.parseJSON(html);

alert(res);

наверное нужно:

alert(html["form"]);

M2

341

mark2011

15 июня 2018, 10:21

#14

Дикий пионер:
В login.php сделайте
echo json_encode($_POST);

ДП

203

Дикий пионер

15 июня 2018, 10:58

#15

Если кликнуть на эту строку то можно будет посмотреть что уходит на сервер, например.

Так-то если по уму - то я бы отладчиком прошёлся. Обычно, если нулевой ответ, то какая-то ошибка на сервере, но код 200 смущает.

S

171

silicoid

15 июня 2018, 11:34

#16

1. исходящие данные от сервера в 0 байт. не настораживают?

2. Перед посылкой данных с сервера, в виде джейсона неплохо бы передать и хедер

$responce = array(
    'login' => (!empty($_POST['login']))?$_POST['login']:'empty_login',
    'password' => (!empty($_POST['password']))?$_POST['password']:'empty_password',
 );

header('Content-Type: text/json');
print json_encode($responce);

---------- Добавлено 15.06.2018 в 15:38 ----------

3. парсить json нет необходимости, так как данные парсятся автоматически

success: function(html) {
var res = html.variable
alert(res);
},

этого вполне достаточно

---------- Добавлено 15.06.2018 в 15:40 ----------

И передавать данные формы на сервер тоже можно гораздо проще

не

{form: $('#formLogin').serialize()},
а
$('#formLogin').serialize(),

M2

341

mark2011

15 июня 2018, 18:22

#17

silicoid,

всё сделал в соответствии с вашим постом. Не работает!

От сервера приходит 0 байт.... ума не приложу, в чём дело!

1774

LEOnidUKG

15 июня 2018, 18:36

#18

mark2011:
silicoid,
всё сделал в соответствии с вашим постом. Не работает!
От сервера приходит 0 байт.... ума не приложу, в чём дело!

А просто в браузере то открывает это файл? Пробовали выводит в нём что-то?

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/

M2

341

mark2011

15 июня 2018, 19:06

#19

LEOnidUKG,

Смотрите, такая ситуация. Когда в файле прописано

header("Content-type: text/json")

браузер, естественно, предлагает скачать этот файл.

Если этот заголовок убрать - файл открывается абсолютно нормально.

Но ajax не работает ни так, ни так. От сервера 0 байт. Я уже даже и не знаю, каким дебаггером проходиться и где вообще копать. Раньше я работал с ajax, в принципе понимаю, что в целом код верный. Единственное что - я работал с гораздо более ранними версиями, но здесь в плане $.ajax по-моему ничего не поменялось.

Надо знать как сделать ТЗ php+ajax сайта FF + ajax +

1774

LEOnidUKG

15 июня 2018, 19:10

#20

загружайте всё на сервер и дайте доступ на тест.

Зачем быть уникальным в мире, где все можно скопировать

Open AI тестирует память для ChatGPT

jquery + post = fail - где ошибка?