Home / Questions / 226978
Accepted
MarianoC1993
Asked: 2020-01-04 05:59:08 +0800 CST 2020-01-04 05:59:08 +0800 CST

Change attribute value in ajax

  • 772

I have the following query: I want to know if it is possible to use a variable in an attribute in ajax, I don't know if I am explaining myself, but in the following code I will try to explain:

<script>
function active_change_update(ruta, id, status, campo)
{
    if(status==1 || status==null){
        var estado = 0;
    }else{
        var estado = 1;
    }

    var dato = { 
        'id': id,
        '_token': "{{ csrf_token() }}",
        //por defecto utilizaba active ya que en mi tabla producto esta asi y lo unico que quiero modificar es el valor del active
        //hasta aqui todo bien
        'active': estado
    };

    $.ajax({
        type: "PUT",
        url: ruta,
        dataType: 'json',
        data: dato,
        success:function(data) {
            window.location.reload();
        }
    });
}

As you can see, I want to modify the value of active, but I realized that I can use this function to modify various attributes of other tables, for example "sold" or "delivered" which are also boolean. What I want to do is the following:

function active_change_update(ruta, id, status, campo)
{
    if(status==1 || status==null){
        var estado = 0;
    }else{
        var estado = 1;
    }

    //recibo el valor de "campo" que en este caso es "vendido" y quiero pasar ese atributo al json

    var dato = { 
        'id': id,
        '_token': "{{ csrf_token() }}",
        //de esta manera
        campo: estado
    };

    $.ajax({
        type: "PUT",
        url: ruta,
        dataType: 'json',
        data: dato,
        success:function(data) {
            window.location.reload();
        }
    });
}

This is absolutely not the right way and I have searched for various alternatives, I would really appreciate it if you could help me with this. From already thank you very much.

javascript

1 Answers

  1. Best Answer

    First create a dynamic text string , you do this by concatenating the values.

    it has to be with single quotes as the example shows

    then to be able to send your data by ajax you need to convert your string to Json withJSON.Parse()

    your code would look like this:

    function active_change_update(ruta, id, status, campo)
{
    if(status==1 || status==null){
        var estado = 0;
    }else{
        var estado = 1;
    }

    //aqui colocamos la cadena donde concatenas los valores y atributos dinamicos dinamicos

    var cadena = '{ "id": "' + id + '","_token": "1","' + campo + '": "' + estado + '"}'

    //aqui usamos el JSON.Parse para convertir tu cadena a Json

    var dato = JSON.parse(cadena);

    $.ajax({
        type: "PUT",
        url: ruta,
        dataType: 'json',
        data: dato,
        success:function(data) {
            window.location.reload();
        }
    });
}

    the result :

    {id: "1", _token: "1", State: "1"}

    you just need to adjust your token.

    I hope it helps you, greetings.

    • 1