为什么在我的代码中出现404 Ajax not found错误?

时间:2020-02-21 15:22:40

标签: javascript php html ajax

我的代码有麻烦。 我正在尝试执行代码,但出现此错误:404 (Not Found)使用get方法。

这是我的html代码。

<html>
  <head>
    <title>Problema</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="funciones.js" language="JavaScript"></script>
    </head>
  <body>
    <h1>Vote esta foto</h1>
    <div class="box caja1">
        Nombre:<input type="text" id="nombre" size="20"><br>
        Voto:<select id="voto">
          <option value="0" selected>seleccione</option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
        </select><br>
        <input type="button" id="boton1" value="votar">
    </div>
    <div class="box caja2" id="resultados"></div>
  </body>
</html>

这是我的javascript代码。

var peticion;

function inicio() {
  document.getElementById("boton1").addEventListener("click", funcion_ajax, false);
}

function funcion_ajax() {
  var voto = parseInt(document.getElementById('voto').value);
  var nombre = document.getElementById('nombre').value;
  if (voto !== "" && voto !== 0 && nombre !== "") {
    peticion = new XMLHttpRequest();
    peticion.onreadystatechange = procesarRespuesta;
    peticion.open('GET', 'ajax.php?puntaje=' + voto + '&nombre=' + nombre, true);
    peticion.send(null);
  }
}

function procesarRespuesta() {
  var resultados = document.getElementById("resultados");
  if (peticion.readyState === 4) {
    resultados.innerHTML = peticion.responseText;
  }
  else {
    resultados.innerHTML = 'Cargando...';
  }
}

window.onload = inicio;

这是我的php代码。

<?php

  $ar=fopen("puntaje.txt","a") or
    die("No se pudo abrir el archivo");

  fputs($ar,"<tr><td>".$_GET['nombre']."</td><td>".$_GET['puntaje']."</td></tr>");
  fclose($ar);

  $ar=fopen("puntaje.txt","r") or
    die("No se pudo abrir el archivo");

  $tabla = "<table><thead><tr><th>Nombre</th><th>Puntuación</th></tr></thead></thead><tbody>";

  while (!feof($ar)) {
    $linea=fgets($ar);
    $tabla .= $linea;
  }

  $tabla .= "</tbody></table>";

  echo utf8_encode("<h6>Votación correcta !!</h6>");
  echo "<h4>Resultados: </h4>";
  echo utf8_encode($tabla);
  fclose($ar);

?>

1 个答案:

答案 0 :(得分:0)

我的php文件的名称是ajax2,而不是ajax

peticion.open('GET', 'ajax.php?puntaje=' + voto + '&nombre=' + nombre, true);是正确的13行。