javascript - valor - ¿Pasar una función de devolución de llamada con los parámetros incluidos?

retornar valor de una funcion javascript a php

Question

Esta pregunta ya tiene una respuesta aquí:

• Pase un argumento adicional a una función de devolución de llamada 3 respuestas

Tengo este código a continuación ...

function getGrades(grading_company) {
if (grading_company == ''Not Specified'') {
// Remove grades box & show condition box
showConditionBox();
} else {
// Set file to get results from..
var loadUrl = "ajax_files/get_grades.php";
// Set data string
var dataString = ''gc_id='' + grading_company;
// Set the callback function to run on success
var callback = showGradesBox;
// Run the AJAX request
runAjax(loadUrl, dataString, callback);
}
}
function runAjax(loadUrl, dataString, callback) {
jQuery.ajax({
type: ''GET'',
url: loadUrl,
data: dataString,
dataType: ''html'',
error: ajaxError,
success: function(response) {
callback(response);
}
});
}

Editar: Aquí está la función que se llama como la función de devolución de llamada:

function showGradesBox(response) {
// Load data into grade field
jQuery(''#grade'').html(response);
// Hide condition fields
jQuery(''#condition'').hide();
jQuery(''#condition_text'').hide();
// Show grade fields
jQuery(''#grade_wrapper'').show();
jQuery(''#grade_text_wrapper'').show();
}

Ahora, si quisiera pasar la variable grading_company a la función de devolución de llamada como parámetro, ¿hay alguna manera de hacerlo sin tener que agregarlo como otro parámetro en la llamada runAjax ? Estoy tratando de mantener la función runAjax abierta para otros usos, así que no quiero pasar ningún parámetro adicional; pero si de alguna manera puede incluirse dentro de la devolución de llamada, entonces genial.

Answer 1

cambie su devolución de llamada a una función anónima:

// Set the callback function to run on success
var callback = function () {
showGradesBox(grading_company);
};

Esto le permite pasar parámetros a la función interna.

Editar: para permitir la respuesta ajax:

// Set the callback function to run on success
var callback = function (response) {
showGradesBox(grading_company, response);
};

Answer 2

Otra posibilidad es, en lugar de hacer dataString do dataObject , pasar ese objeto a la devolución de llamada. Al igual que:

function getGrades(grading_company) {
if (grading_company == ''Not Specified'') {
// Remove grades box & show condition box
showConditionBox();
} else {
// Set file to get results from..
var loadUrl = "ajax_files/get_grades.php";
// Set data object
var dataObject = {
''gc_id'' : grading_company
/*to do multiples..
''item1'' : value1,
''item2'' : value2,
''etc'' : etc */
}
// Set the callback function to run on success
var callback = showGradesBox;
// Run the AJAX request
runAjax(loadUrl, dataObject, callback);
}
}
function runAjax(loadUrl, dataObject, callback) {
jQuery.ajax({
type: ''GET'',
url: loadUrl,
data: $.param(dataObject),
dataType: ''html'',
error: ajaxError,
success: function(response) {
callback(response, dataObject);
}
});
}

Tenga en cuenta la adición de $.param() .

Luego, en la función de devolución de llamada, debe saber qué datos está buscando. Si la function setGrades(resp, data) { ... } fue la devolución de llamada, entonces puede acceder a los valores en setGrades

function setGrades(resp, data) {
alert( data.gc_id);
}

EDITAR

Después de la prueba, me doy cuenta de que $(dataObject).serialize() no funcionará. Así que he actualizado para usar $.param() . Por favor vea esta publicación SO para más información.