Skip to main content

¿Como ¿Cómo puedo mejorar el modo de visualizar la información usando ajax?

El codigocódigo que estoy usando para esto es el sigueintesiguiente:

en la paginapágina de visualización:

El script usado para enviarle la inforacióninformación del calculo es:

Muchas gracias amigo anexo el código que estoy utilizando para realizar la accciónacción que comento Aquíaquí el Html HTML:

El apoyo que necesito es para mejorar el comocómo mostrar la información sin los H1..6 ya que esto no ayuda con el formato del texto.

¿Como puedo mejorar el modo de visualizar la información usando ajax?

El codigo que estoy usando para esto es el sigueinte:

en la pagina de visualización:

El script usado para enviarle la inforación del calculo es:

Muchas gracias amigo anexo el código que estoy utilizando para realizar la accción que comento Aquí el Html :

El apoyo que necesito es para mejorar el como mostrar la información sin los H1..6 ya que esto no ayuda con el formato del texto.

¿Cómo puedo mejorar el modo de visualizar la información usando ajax?

El código que estoy usando para esto es el siguiente:

en la página de visualización:

El script usado para enviarle la información del calculo es:

Muchas gracias amigo anexo el código que estoy utilizando para realizar la acción que comento aquí el HTML:

El apoyo que necesito es para mejorar el cómo mostrar la información sin los H1..6 ya que esto no ayuda con el formato del texto.

se añadieron 2141 caracteres en el cuerpo
Origen Enlace
<script>
$(document).ready(function(){

    function actualizarTabla() {
        var cantidades = [];
        var precios = [];
        var preciosTotal = [];

        var total = 0;
        $(".table tbody > tr").each(function(index) {
            var cantidad = Number($(this).find('.cantidad').val());
            cantidades.push(cantidad);

            var precio = Number($(this).find('.precio').val());
            precios.push(precio);

            var total_unitario = cantidad * precio;
            preciosTotal.push(total_unitario);
            $(this).find('.precioTotal').text(total_unitario+' Pesos');
            total += total_unitario;
        });
        $("h2").text('Subtotal: '+total+' Pesos');
        $("total""h1").text('Total: '+total*1.16+' Pesos');
    }

    actualizarTabla();

    $(".table").on('change', function() {
        actualizarTabla();
    });

});
</script>



Muchas gracias amigo anexo el código que estoy utilizando para realizar la accción que comento Aquí el Html :

        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th scope=>Product code</th>
                                <th scope="col">Name</th>
                                <th scope="col">Quantity</th>
                                <th scope="col">Unit price</th>
                                <th scope="col">Total price</th>
                            </tr>
                        </thead>
                        <tbody>
                                                                <tr>
                                    <th scope="row">2</th>
                                    <td>Football ball</td>
                                    <td><input type="number" class="form-control cantidad" value="1"></td>
                                    <td><input type="number" class="form-control precio" value="4" readonly></td>
                                    <td class="precioTotal"></td>
                                </tr>
                                                                <tr>
                                    <th scope="row">3</th>
                                    <td>Football shirt</td>
                                    <td><input type="number" class="form-control cantidad" value="1"></td>
                                    <td><input type="number" class="form-control precio" value="5" readonly></td>
                                    <td class="precioTotal"></td>
                                </tr>
                                
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <h2> </h2> 
                    <h1> </h1> 
                </div>
            </div>

        </div>

<script>
$(document).ready(function(){

    function actualizarTabla() {
        var cantidades = [];
        var precios = [];
        var preciosTotal = [];

        var total = 0;
        $(".table tbody > tr").each(function(index) {
            var cantidad = Number($(this).find('.cantidad').val());
            cantidades.push(cantidad);

            var precio = Number($(this).find('.precio').val());
            precios.push(precio);

            var total_unitario = cantidad * precio;
            preciosTotal.push(total_unitario);
            $(this).find('.precioTotal').text(total_unitario+' Pesos');
            total += total_unitario;
        });
        $("h2").text('Subtotal: '+total+' Pesos');
        $("total").text('Total: '+total*1.16+' Pesos');
    }

    actualizarTabla();

    $(".table").on('change', function() {
        actualizarTabla();
    });

});
</script>



<script>
$(document).ready(function(){

    function actualizarTabla() {
        var cantidades = [];
        var precios = [];
        var preciosTotal = [];

        var total = 0;
        $(".table tbody > tr").each(function(index) {
            var cantidad = Number($(this).find('.cantidad').val());
            cantidades.push(cantidad);

            var precio = Number($(this).find('.precio').val());
            precios.push(precio);

            var total_unitario = cantidad * precio;
            preciosTotal.push(total_unitario);
            $(this).find('.precioTotal').text(total_unitario+' Pesos');
            total += total_unitario;
        });
        $("h2").text('Subtotal: '+total+' Pesos');
        $("h1").text('Total: '+total*1.16+' Pesos');
    }

    actualizarTabla();

    $(".table").on('change', function() {
        actualizarTabla();
    });

});
</script>



Muchas gracias amigo anexo el código que estoy utilizando para realizar la accción que comento Aquí el Html :

        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th scope=>Product code</th>
                                <th scope="col">Name</th>
                                <th scope="col">Quantity</th>
                                <th scope="col">Unit price</th>
                                <th scope="col">Total price</th>
                            </tr>
                        </thead>
                        <tbody>
                                                                <tr>
                                    <th scope="row">2</th>
                                    <td>Football ball</td>
                                    <td><input type="number" class="form-control cantidad" value="1"></td>
                                    <td><input type="number" class="form-control precio" value="4" readonly></td>
                                    <td class="precioTotal"></td>
                                </tr>
                                                                <tr>
                                    <th scope="row">3</th>
                                    <td>Football shirt</td>
                                    <td><input type="number" class="form-control cantidad" value="1"></td>
                                    <td><input type="number" class="form-control precio" value="5" readonly></td>
                                    <td class="precioTotal"></td>
                                </tr>
                                
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <h2> </h2> 
                    <h1> </h1> 
                </div>
            </div>

        </div>

Origen Enlace

¿Como puedo mejorar el modo de visualizar la información usando ajax?

Actualmente estoy diseñando un formulario para calcular precio y costo de un determinado producto.

El codigo que estoy usando para esto es el sigueinte:

en la pagina de visualización:

El script usado para enviarle la inforación del calculo es:

<script>
$(document).ready(function(){

    function actualizarTabla() {
        var cantidades = [];
        var precios = [];
        var preciosTotal = [];

        var total = 0;
        $(".table tbody > tr").each(function(index) {
            var cantidad = Number($(this).find('.cantidad').val());
            cantidades.push(cantidad);

            var precio = Number($(this).find('.precio').val());
            precios.push(precio);

            var total_unitario = cantidad * precio;
            preciosTotal.push(total_unitario);
            $(this).find('.precioTotal').text(total_unitario+' Pesos');
            total += total_unitario;
        });
        $("h2").text('Subtotal: '+total+' Pesos');
        $("total").text('Total: '+total*1.16+' Pesos');
    }

    actualizarTabla();

    $(".table").on('change', function() {
        actualizarTabla();
    });

});
</script>



El apoyo que necesito es para mejorar el como mostrar la información sin los H1..6 ya que esto no ayuda con el formato del texto.

De antemano gracias.

Saludos