weixin_33688840 2017-11-18 20:25 采纳率: 0%
浏览 21

使用AJAX加载数据时出错

Each time I press the button to load the AJAX, I load the start screen with everything (header, menu and footer) apart from not loading the data from the table I request. I get this warning in the console:

[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check.

I tried to put async: true and also the script at the end of the document, but nothing.

INDEX.PHP

<!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>

loadAjax.php

<?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'>
";
    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>
";
        foreach ($line as $col_value) {
            echo "\t\t<td>$col_value</td>
";
        }
        echo "\t</tr>
";
    }
    echo "</table>
";
?>

<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>

pfechas.php

<?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'>
";
    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>
";
        foreach ($line as $col_value) {
            echo "\t\t<td>$col_value</td>
";
        }
        echo "\t</tr>
";
    }
    echo "</table>
";

    // Liberar resultados
    mysql_free_result($result);

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

pnumero.php

<?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'>
";
    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>
";
        foreach ($line as $col_value) {
            echo "\t\t<td>$col_value</td>
";
        }
        echo "\t</tr>
";
    }
    echo "</table>
";

    // Liberar resultados
    mysql_free_result($result);

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

pestado.php

<?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'>
";
    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>
";
        foreach ($line as $col_value) {
            echo "\t\t<td>$col_value</td>
";
        }
        echo "\t</tr>
";
    }
    echo "</table>
";

    // Liberar resultados
    mysql_free_result($result);

    // Cerrar la conexión
    mysql_close($link);
?>
  • 写回答

0条回答

      报告相同问题?

      相关推荐 更多相似问题

      悬赏问题

      • ¥15 GEO下载数据的处理报错 :函数‘Meta’标签‘"data.frame"’找不到继承方法,如何解决?
      • ¥15 DLNM模型是否可以用二分类变量作为y变量
      • ¥15 android object box 一个实体多个表怎么写
      • ¥15 temux 启用docker 服务失败
      • ¥15 Flask 使用celery发送邮件出现‘目标计算机积极拒绝‘
      • ¥60 老人用的sd卡在手机里面不知道操作了什么,导致图片和视频变成了文件,取下sd卡连接电脑就是图中的样子,后缀改为.jpg才可以,需要用系统的画图软件才能打开,文件属性还是文件,有没有批量操作的解决办法
      • ¥15 超时跳出方法代码的返回值问题
      • ¥15 汇编语言程序设计设计,ascii码求数,再求数的BCD码
      • ¥30 Mask rcnn训练自己的数据集出现问题!
      • ¥20 研究人工智能时的几个问题