Pass a javascript function through JQuery $.post

Question

Basically what I am trying to do is pass a callback function through PHP using JQuery $.post. Something like:

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

Where myurl.php creates a page with a table. The table rows have an onclick handler that calls the callback function.

The problem is, passing the function this way sends it as undefined via post, and if I enclose it in quotes, then when I try to call it I get the error that it is not a function.

Is there any way to do what I am describing?

The AJAX post creates a table with information from the database in it. When the user clicks on a row in the table, the callback function gets called. This allows the table to be portable and have the onclick be different every where that it is used. — awestover89
– awestover89, Commented Oct 28, 2011 at 19:13

Tim Joyce · Accepted Answer · 2011-10-28 19:33:42Z

1

there is a way but not normally recommended. You can pass the function as a string and then when you receive the function with javascript use the eval() function.

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

answered Oct 28, 2011 at 19:33

Tim Joyce

4,5276 gold badges36 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Scherbius.com · Accepted Answer · 2011-10-28 19:41:47Z

0

pass it as a string (function body in double quotes, probably using escape characters).

edited Oct 28, 2011 at 19:41

answered Oct 28, 2011 at 19:10

Scherbius.com

3,4224 gold badges26 silver badges45 bronze badges

2 Comments

Frizi Over a year ago

function is a normal javascript variable. It is not called here.

Scherbius.com Over a year ago

still the following needs to be done: { 'callbackfunc' : "function (info) { alert(info); }" }

villecoder · Accepted Answer · 2011-10-28 19:43:35Z

0

You could attach your function to your table rows after the table has been returned, rather than try to have the php code create it with the proper callback.

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

answered Oct 28, 2011 at 19:43

villecoder

13.5k2 gold badges37 silver badges54 bronze badges

Comments

mkoryak · Accepted Answer · 2011-10-28 20:40:59Z

0

there is no way to do what you are describing, but there is a probably way to do what you want. ( i dont know what you want )

you cant pass a JS function to the server. you can only pass strings.

edit: based on your response, i can tell you that your way of doing this is not only not good, but dangerous, as it allows XSS.

it would be better to delegate the click function to the div where you are inserting the table like this:

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);
    });
}

edited Oct 28, 2011 at 20:40

answered Oct 28, 2011 at 19:12

mkoryak

58.1k64 gold badges204 silver badges262 bronze badges

1 Comment

awestover89 Over a year ago

The best way I can think of how to explain it is, I have three pages that all need the same table, so all three pages call the same $.post to AJAXically load the table. Each page, however, does something different when the user clicks on a row in the table. For page 1, I want to alert the row id, for page 2, I want to change the color, and for page 3, I want to do a redirect. Thus I want to pass a different callback function from each page that will be called through the tr's onclick handler

Collectives™ on Stack Overflow

Pass a javascript function through JQuery $.post

4 Answers 4

Comments

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related