Loading HTML from jQuery Ajax POST

Question

I'm making a jQuery Ajax POST request to a PHP script that returns an HTML select menu complete with all its options.

$.ajax({
    type: "POST",
    url: "books/editions",
    data: dataString,
    cache: false,
    success: function(menu) {
        $('#editions').html(menu);
    }
});

Debugging tells me that the PHP script is executed properly and is returning the HTML select menu as expected. However, Firebug is telling me that 'menu' is undefined -- and obviously nothing is loaded into the '#editions' div.

I was expecting 'menu' to contain the HTML string returned from the PHP function, but this doesn't appear to be the case. Can someone tell me what I'm doing wrong? Thanks in advance.

--

As requested, the PHP editions() method code:

public function editions()
{
    $menu = $this->books_repository->get_editions_menu();
    return $menu;
}

Again, debugging at the return point tells me that the method is returning an HTML string that is properly formatted with the correct contents.

score 3 · Accepted Answer · 2012-04-07 04:33:10Z

3

public function editions() {
   $menu = $this->books_repository->get_editions_menu();
   //return $menu; when ajax jQuery is used, make sure the output is printed
   echo $menu;
}

edited Apr 7, 2012 at 4:33

answered Apr 7, 2012 at 3:43

user1317319

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

10 Comments

user1317319 Over a year ago

in your php part was it $_POST[somename]? the data in ajax: what is dataString?

cantera Over a year ago

Thx for responding. Yes, 'dataString' contains the variables needed by the PHP function to return the HTML string. I know that part is working correctly because the string is returned from PHP as expected.

user1317319 Over a year ago

is your url:"controller/method"?

cantera Over a year ago

Yes that's correct - the editions() method is returning the HTML string as expected.

user1317319 Over a year ago

Now I see the problem don't use return. use echo

|

Collectives™ on Stack Overflow

Loading HTML from jQuery Ajax POST

1 Answer 1

10 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related