Блог

В основном то, что я пытаюсь сделать, это передать функцию обратного вызова через PHP с помощью jQuery $.post . Что-то вроде:

 function loadPage()
{
    $.post('myurl.php', { 'callbackfunc' : function (info) { alert(info); } }, 
        function(data) {
            $("#divid").html(data);
     } );
}
 

Где myurl.php создается страница с таблицей. Строки таблицы имеют onclick обработчик, который вызывает функцию обратного вызова.

Проблема в том, что передача функции таким образом отправляет ее как undefined via post, и если я заключу ее в кавычки, то при попытке вызвать ее я получаю сообщение об ошибке, что это не функция.

Есть ли какой-нибудь способ сделать то, что я описываю?

есть способ, но обычно он не рекомендуется. Вы можете передать функцию в виде строки, а затем, когда вы получите функцию с помощью javascript, используйте функцию eval() .

 function loadPage()
{
    $.post('myurl.php', { 'callbackfunc' : "function (info) { alert(info); }" }, 
        function(data) {
            $("#divid").html(eval(data));
     } );
}
 

передайте ее как строку (тело функции в двойных кавычках, возможно, с использованием escape-символов).

Вы могли бы присоединить свою функцию к строкам таблицы после того, как таблица была возвращена, вместо того, чтобы пытаться заставить php-код создать ее с помощью правильного обратного вызова.

 function loadPage(callbackfunc)
{
    $.post('myurl.php', {}, 
        function(data) {
            $("#divid").html(data);
            $("#divid").find("tr").each($(this).click(callbackfunc));
    } );
}
 

нет способа сделать то, что вы описываете, но, вероятно, есть способ сделать то, что вы хотите. (я не знаю, чего вы хотите)

вы не можете передать функцию JS на сервер. вы можете передавать только строки.

редактировать: основываясь на вашем ответе, я могу сказать вам, что ваш способ сделать это не только нехорош, но и опасен, поскольку он допускает XSS.

было бы лучше делегировать функцию click в div, куда вы вставляете таблицу следующим образом:

 function loadPage(){
    $("#divid").delegate('tr', 'click', function(evt){
      //this code is different per page, change color, alert, etc
    });
    //after the above event is delegated, you can reload the table as much as you want, without needing to rebind the above event
    $.post('myurl.php', function(data) {
        $("#divid").html(data);
    });
}