0

Есть код подкорректирован но почему-то данные не передаются по AJAX, а должна записываться 1 и по повторному нажатию записывать 0. Выводит ошибку.

ВОТ САМ ФАЙЛИК С AJAX:

<?php
header('Access-Control-Allow-Origin: *');
if(isset($_GET['result1']))
   {
if($_GET['result1']=="0")

echo '{"ID":"1", "result1":"0"}';

else if($_GET['result1']=="1")

echo '{"ID":"1", "result1":"1"}';
   }
?>

    var result1 = 0;     
var button = document.getElementById('my-button');
var color = true;
button.addEventListener( "click" , function(ev){
  if (color) {
    this.style.backgroundColor = '#4cff00'
      result1 = 1;
} else {
    this.style.backgroundColor = '#6b7077'
      result1 = 0;
}
 var userId = ev.target.dataset.userId;
 var userName = ev.target.dataset.userName;
 var json = JSON.stringify({
  ID: userId,
  surname: userName
});
 var xhr = new XMLHttpRequest();
 xhr.open('GET','http://localhost/tech_user/con_data_ajax/work-ajax-data.php?result1='+result1, true);
 xhr.send();
document.getElementById("result1").innerHTML = result1;    
color = !color;
});
    
    .cp-pen-styles >input {
      width:200px;
      height:50px;
    }
    .group-result {
      position: relative;
      font-size: 30px;
      display:inline-block;
      vertical-align: middle;
      z-index: 0;
      padding-left: 10px;
      padding-right:10px;
    }    
    <!DOCTYPE html><html lang='en' class=''>
    <head>
    <meta charset='UTF-8'>
    <meta name="robots" content="noindex">
    </head>
    <body>
    <input id="my-button" type="button" value="WORK" data-user-id ="1" data-user-name= "Копыча">
    <div id="result1"class="group-result">0</div>
    </body>
    </html>

3
  • Напишите, пожалуйста, текст ошибки
    – goodmice
    24 июл 2018 в 6:00
  • GET con_data_ajax/work-ajax-data.php?result1=1 404 (Not Found)
    – Karter
    24 июл 2018 в 6:22
  • Правил ответ, попробуйте
    – goodmice
    24 июл 2018 в 6:25

1 ответ 1

1

Ошибки, который видны на данный момент:
1. Лишняя закрывающая фигурная скобка в конце php
2. У GET запроса нет тела, поэтому send не должго иметь аргументов
3. open имеет 3 или 5 параметров

xhr.open(method, URL, async[, user, password])

GET запрос передаётся в строке URL, например:

xhr.open('GET', 'con_data_ajax/work-ajax-data.php?result1='+result1, true);

Раз запрос выводит 404, значит неверно указан URL или за него считается часть

['result1']

Попробуйте указать его полностью и/или удалить этот аргумент.

Примерный вид php файла:

<?php
//Проверка на существование записи в массиве _GET
//В этот массив передаются переменные из GET запроса
if(isset($_GET['result1']){
  //Проверка значения переменной
  //P.S. Желательно обработать переменную прежде чем использовать
  //Как пример: $result1 = striptags($_GET['result1']);
  if($_GET['result1']=="0")
    //Вывод при соблюдении условия
    echo '{"ID\":"1", "result1":"0"}';
  else if($_GET['result1']=="1")
    //Вывод при не соблюдении 1го, но соблюдении 2го условия
    echo '{"ID\":"1", "result1":"1"}';
  //В ином случае ничего не будет выведено
}
?>

И вид запроса:

xhr.open('GET', 'con_data_ajax/work-ajax-data.php?result1='+result1, true);

Ошибка 404 означает, что страница по заданому URL не найдена

18
  • xhr.open('GET','con_data_ajax/work-ajax-data.php?['result'], true); так ?
    – Karter
    24 июл 2018 в 6:29
  • может в пхп файле что-то не то ? (который я скинул )
    – Karter
    24 июл 2018 в 6:31
  • @technoimpextechnoimpex Думал так и задумано. Во-первых php файл не даёт никакого ответа. Я сейчас напишу в ответе
    – goodmice
    24 июл 2018 в 6:44
  • Просто я только начал так сказать разбираться в этом дремучем лесу ,а тут такие лажи пошли ((
    – Karter
    24 июл 2018 в 6:46
  • Можешь на моем примере подправить ?
    – Karter
    24 июл 2018 в 6:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.