在 Select2 中将参数传递给 Ajax 请求

Passing parameters to Ajax request in Select2

本文关键字：Ajax 请求 参数传递 Select2      更新时间：2023-09-26

我有这个功能：

function tagsInputFabricantes(data) {
    console.log(data);
    var fabricante_distribuidor_id = data.ent.id,
        producto_solicitud_id = data.ent.idProductoSolicitud,
        fabricante_producto_solicitud_id = data.ent.idFabricanteProductoSolicitud;
    $('#tagsInputFab-' + data.ent.idFabricanteProductoSolicitud).select2({
        placeholder: 'Seleccione uno o más países',
        closeOnSelect: false,
        multiple: true,
        width: '100%',
        ajax: {
            dataType: 'json',
            cache: true,
            quietMillis: 2000, // waits 2 seconds before triggers the search
            url: function () {
                return Routing.generate('obtenerPaisesNoAgregadosFabricante');
            },
            data: function (pais, fabricante_distribuidor_id, producto_solicitud_id, fabricante_producto_solicitud_id) {
                return {
                    filtro: pais,
                    fabricante_distribuidor_id: fabricante_distribuidor_id,
                    producto_solicitud_id: producto_solicitud_id,
                    fabricante_producto_solicitud_id: fabricante_producto_solicitud_id
                }
            },
            results: function (data) {
                return {
                    results: data.entities
                };
            }
        },
        formatAjaxError: function () {
            return Translator.trans('mensajes.msgNoConexionServidor', {}, 'AppBundle');
        }
    });
}

我需要将三个额外的参数传递给通过 REQUEST 发送的 Ajax 查询，这就是我的做法：

    console.log(data); // watch wath is getting in this object
    // Gets the values and assign to vars
    var fabricante_distribuidor_id = data.ent.id,
        producto_solicitud_id = data.ent.idProductoSolicitud,
        fabricante_producto_solicitud_id = data.ent.idFabricanteProductoSolicitud;
     ....
     // Pass needed parameters as extra parameters for data 
     data: function (pais, fabricante_distribuidor_id, producto_solicitud_id, fabricante_producto_solicitud_id) {
                return {
                    filtro: pais,
                    fabricante_distribuidor_id: fabricante_distribuidor_id,
                    producto_solicitud_id: producto_solicitud_id,
                    fabricante_producto_solicitud_id: fabricante_producto_solicitud_id
                }
      }

但它不起作用，因为 URL 只包含以下内容：url&filtro=&fabricante_distribuidor_id=1&producto_solicitud_id=&fabricante_producto_solicitud_id=这是错误的。console.log()会将其记录到控制台：

Object {success: true, ent: Object}
     ent: Object
         id: 1
         idFabricanteProductoSolicitud: 18
         idProductoSolicitud: 18
         nombre: "Dist1"
         pais: ""
     __proto__: ...

错误在哪里？为什么参数没有传递给data函数？我做错了什么？

问题是您正在定义需要作为函数参数发送的查询参数。由于没有通过函数参数传入任何内容，因此变量被设置为false，而不是采用全局设置的值。

data: function (pais, fabricante_distribuidor_id, producto_solicitud_id, fabricante_producto_solicitud_id) {
    // parameters 2, 3, and 4 are `undefined`
    return {
        filtro: pais,
        fabricante_distribuidor_id: fabricante_distribuidor_id,
        producto_solicitud_id: producto_solicitud_id,
        fabricante_producto_solicitud_id: fabricante_producto_solicitud_id
    }
}

现在，如果删除这些参数，它们应采用下一个作用域的值。这是您从传入数据中设置它们的地方，这就是您打算做的事情。

data: function (pais) {
    return {
        filtro: pais,
        fabricante_distribuidor_id: fabricante_distribuidor_id,
        producto_solicitud_id: producto_solicitud_id,
        fabricante_producto_solicitud_id: fabricante_producto_solicitud_id
    }
}

这应该为您提供所需的内容，即所有 id 都传递到 url 中。

相关文章：