Fatal编程技术网
  • javascript/
  • Javascript 使用AJAX加载数据时出错

Javascript 使用AJAX加载数据时出错

javascript php jquery ajax

Javascript 使用AJAX加载数据时出错,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,每次按下按钮加载AJAX时，除了不从我请求的表中加载数据外，我还会加载开始屏幕上的所有内容（页眉、菜单和页脚）。我在控制台中收到以下警告： [Deprection]主线程上的同步XMLHttpRequest已被弃用，因为它会对最终用户的体验产生有害影响。如需更多帮助，请查看 我试图将async:true和脚本放在文档的末尾，但什么都没有 INDEX.PHP 环境管理系统-Pedidos 悬垂 阿塞普塔多 雷查扎多 Ha-ocurrido-un-error-con-la-fecha Ha o

每次按下按钮加载AJAX时，除了不从我请求的表中加载数据外，我还会加载开始屏幕上的所有内容（页眉、菜单和页脚）。我在控制台中收到以下警告：

[Deprection]主线程上的同步XMLHttpRequest已被弃用，因为它会对最终用户的体验产生有害影响。如需更多帮助，请查看

我试图将async:true和脚本放在文档的末尾，但什么都没有

INDEX.PHP


环境管理系统-Pedidos
悬垂
阿塞普塔多
雷查扎多



Ha-ocurrido-un-error-con-la-fecha




Ha ocurrido un error con el número de pedido


Debes selecciator un estado


Ha ocurrido un error con el estado
loadAjax.php

您确定错误消息来自这里的ajax调用吗？你有完整的堆栈跟踪吗？如果删除此代码但仍导入其他脚本，是否仍会出现错误？我更改了此代码，现在没有任何警告，但它保留在beforeSend$（document）.ready（function（）-->$（function（）中）错误：------------>失败：成功：------------>完成：我不明白那条评论。你更改了什么？什么保留在什么中？你丢失了一些标点符号吗？
{
和
}
在哪里？对不起，我是新来的，我想你可以看到文本中断。我将“$（文档）.ready（函数（）”更改为“$（函数（）”，在ajax的函数中，我将“error”改为“fail”，将“success”改为“done”。jquery错误不再起作用，但ajax只执行
$（function（）中“beforeSend”中设置的函数
更改不应该有什么不同。为什么要使用
fail
和
done
？我认为它们不应该起作用。（它们是最新jQuery中jqXHR对象上的方法名，但那是另外一回事。）您确定错误消息来自此处的ajax调用吗？您是否有完整的stacktrace？如果删除此代码但仍导入其他脚本，是否仍会收到错误？我更改了此代码，现在没有任何警告，但它保留在beforeSend$（document）.ready（function（）-->$（function（））错误：------------>失败：成功：------------>完成：我不明白那条评论。你更改了什么？什么保留在什么中？你丢失了一些标点符号吗？
{
和
}
在哪里？对不起，我是新来的，我想你可以看到文本中断。我将“$（文档）.ready（函数（）”更改为“$（函数（）”，在ajax的函数中，我将“error”改为“fail”，将“success”改为“done”。jquery错误不再起作用，但ajax只执行
$（function（）中“beforeSend”中设置的函数
更改不应该有什么不同。为什么要使用
fail
和
done
？我认为它们不应该起作用。（它们是最新jQuery中jqXHR对象上的方法名，但那是另外一回事。）

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Sistema de Administración de Envíos - Pedidos</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script src="js/main.js"></script>
    <script src="js/jquery.slim.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/popper.min.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
</head>
<body>
    <?php
        require('components/menu.php');
    ?>
    <div class="main">
        <div id="top-pedidos">
                <div class="input-group mb-2 mr-sm-2 mb-sm-0">
                        <div class="input-group-addon"><button id="buttonFechaPedido" type="submit"><i class="fa fa-calendar"></i></button></div>
                        <input type="date" class="form-control" id="inputFechaPedido" name="fecha">
                </div>
                <div class="input-group mb-2 mr-sm-2 mb-sm-0">
                    <div class="input-group-addon"><button id="buttonNumeroPedido"><i class="fa fa-search"></i></button></div>
                    <input type="text" class="form-control" id="inputNumeroPedido" name="npedido" placeholder="Nº pedido">
                </div>
                <div class="input-group mb-2 mr-sm-2 mb-sm-0">
                    <div class="input-group-addon"><button id="buttonEstadoPedido"><i class="fa fa-check-square"></i></button></div>
                    <select class="custom-select mb-2 mr-sm-2 mb-sm-0" id="inputEstadoPedido" name="estado">
                        <option value="vacio" selected></option>
                        <option value="Pendiente">Pendiente</option>
                        <option value="Aceptado">Aceptado</option>
                        <option value="Rechazado">Rechazado</option>
                    </select>
                </div>
            <a href="nuevo-pedido.php"><button class="newPedido btn btn-primary">Nuevo Pedido</button></a>
        </div>
        <div class="tables">
            <?php 
            require('sql/sql-pedidos.php');
            ?>
            <div id="tablaPedido">
                <p id="emptyFecha" class="mistake red">Debes poner una fecha</p>
                <p id="errorFecha" class="mistake red">Ha ocurrido un error con la fecha</p>
                <p id="emptyNumero" class="mistake red">Debes poner un número de pedido</p>
                <p id="errorNumero" class="mistake red">Ha ocurrido un error con el número de pedido</p>
                <p id="emptyEstado" class="mistake red">Debes seleccionar un estado</p>
                <p id="errorEstado" class="mistake red">Ha ocurrido un error con el estado</p>
            </div>  
        </div>
    </div>

    <?php
        require('components/footer.php');
    ?>

</body>
</html>



<?php
    //Tabla inicial sin parámetros de búsqueda
    require('conexionbd.php');

    $general = 'SELECT * FROM pedidos';
    $result = mysql_query($general) or die('Consulta fallida: ' . mysql_error());

    echo "<table class='table table-striped table-pedidos-g'>\n";
    echo "<tr class='superior'>
            <td>Nº pedido</td>
            <td>Fecha</td>
            <td>Descuento</td>
            <td>Cliente</td>
            <td>Estado</td>
        </tr>";

    while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) {
        echo "\t<tr>\n";
        foreach ($line as $col_value) {
            echo "\t\t<td>$col_value</td>\n";
        }
        echo "\t</tr>\n";
    }
    echo "</table>\n";
?>

<script>
            $('#buttonFechaPedido').click(function() {
            $('.table-pedidos-g').hide();
            $('.table-pedidos-n').hide();
            $('.table-pedidos-e').hide();
            var valorFecha = $('#inputFechaPedido').val();
            if (valorFecha.length == 0){
                $('#emptyFecha').removeClass('mistake');
            }
            else{
$(document).ready(function() {
                $.ajax({
                    data:  valorFecha,
                    url:   'pedidos/pfechas.php',
                    type:  'post',
                    beforeSend: function () {
                        $("#tablaPedido").html("Procesando, espere por favor...");
                    },
                    error:function (){
                        $('#errorFecha').removeClass('mistake');
                    },
                    success:  function (response) {
                        $("#tablaPedido").html(response);
                    }
                });
});
            }       
        });
</script>

<script>
    $('#buttonNumeroPedido').click(function() {
        $('.table-pedidos-g').hide();
        $('.table-pedidos-f').hide();
        $('.table-pedidos-e').hide();
        var valorNumero =$('#inputNumeroPedido').val();
        if (valorNumero.length == 0){
            $('#emptyNumero').removeClass('mistake');
        }
        else{
$(document).ready(function() {
            $.ajax({
                data:  valorNumero,
                url:   'pedidos/pnumero.php',
                type:  'post',
                beforeSend: function () {
                    $("#tablaPedido").html("Procesando, espere por favor...");
                },
                error:function (){
                    $('#errorNumero').removeClass('mistake');
                },
                success:  function (response) {
                    $("#tablaPedido").html(response);
                }
            });
});
        }       
    });
</script>

<script>
    $('#buttonEstadoPedido').click(function() {
        $('.table-pedidos-g').hide();
        $('.table-pedidos-n').hide();
        $('.table-pedidos-f').hide();
        var valorEstado =$('#inputEstadoPedido').val();
        if (valorEstado == 'vacio'){
            $('#emptyEstado').removeClass('mistake');
        }
        else{
$(document).ready(function() {
            $.ajax({
                data:  valorEstado,
                url:   'pedidos/pestado.php',
                type:  'post',
                beforeSend: function () {
                    $("#tablaPedido").html("Procesando, espere por favor...");
                },
                error:function (){
                    $('#errorEstado').removeClass('mistake');
                },
                success:  function (response) {
                    $("#tablaPedido").html(response);
                }
            });
});
        }       
    });
</script>



<?php
    require('../conexionbd.php');

    // Realizar una consulta MySQL
    $fechas = 'SELECT * FROM pedidos WHERE fecha_pdo = $_POST["valorFecha"]';
    $result = mysql_query($fechas) or die('Consulta fallida: ' . mysql_error());

    // Imprimir los resultados en HTML
    echo "<table class='table table-striped table-pedidos-f'>\n";
    echo "<tr class='superior'>
            <td>Nº pedido</td>
            <td>Fecha</td>
            <td>Descuento</td>
            <td>Cliente</td>
            <td>Estado</td>
        </tr>";
    while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) {
        echo "\t<tr>\n";
        foreach ($line as $col_value) {
            echo "\t\t<td>$col_value</td>\n";
        }
        echo "\t</tr>\n";
    }
    echo "</table>\n";

    // Liberar resultados
    mysql_free_result($result);

    // Cerrar la conexión
    mysql_close($link);
?>



<?php
    require('../conexionbd.php');

    // Realizar una consulta MySQL
    $numeros = 'SELECT * FROM pedidos WHERE numero_pdo = $_POST["valorNumero"]';
    $result = mysql_query($fnumeros) or die('Consulta fallida: ' . mysql_error());

    // Imprimir los resultados en HTML
    echo "<table class='table table-striped table-pedidos-n'>\n";
    echo "<tr class='superior'>
            <td>Nº pedido</td>
            <td>Fecha</td>
            <td>Descuento</td>
            <td>Cliente</td>
            <td>Estado</td>
        </tr>";
    while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) {
        echo "\t<tr>\n";
        foreach ($line as $col_value) {
            echo "\t\t<td>$col_value</td>\n";
        }
        echo "\t</tr>\n";
    }
    echo "</table>\n";

    // Liberar resultados
    mysql_free_result($result);

    // Cerrar la conexión
    mysql_close($link);
?>



<?php
    require('../conexionbd.php');

    // Realizar una consulta MySQL
    $estados = 'SELECT * FROM pedidos WHERE estado = $_POST["valorEstado"]';
    $result = mysql_query($estados) or die('Consulta fallida: ' . mysql_error());

    // Imprimir los resultados en HTML
    echo "<table class='table table-striped table-pedidos-e'>\n";
    echo "<tr class='superior'>
            <td>Nº pedido</td>
            <td>Fecha</td>
            <td>Descuento</td>
            <td>Cliente</td>
            <td>Estado</td>
        </tr>";
    while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) {
        echo "\t<tr>\n";
        foreach ($line as $col_value) {
            echo "\t\t<td>$col_value</td>\n";
        }
        echo "\t</tr>\n";
    }
    echo "</table>\n";

    // Liberar resultados
    mysql_free_result($result);

    // Cerrar la conexión
    mysql_close($link);
?>