Javascript load() with data, how to grab params in PHP?

Question

Ok so this is my following javascript code:

    $( '#listings' ).load( 'ajax/listingFind.php', {
        id: id, 
        name: name,
        logo: encodeURIComponent(logo),
        address: address,
        city: city,
        state: state,
        zip: zip,
        phone: phone,
        email: email,
        web_link: encodeURIComponent(web_link),
        distance: distance
      } );

All of the id, name, etc has values assigned previously in javascript. However, in listingFind.php, how do I grab these data values that are being passed in? I load the file into the div and echoed out the entire url and it doesn't seem as if the data is getting passed into the url. Whenever I manually type it like so:

$( '#listings' ).load( 'ajax/listingFind.php?id=' + id + '&name=' + name + '&logo=' + encodeURIComponent(logo) + '&address=' + address + 
          '&city=' + city + '&state=' + state + '&zip=' + zip + '&phone=' + phone + '&email=' + email + '&web_link=' + encodeURIComponent(web_link) + 
          '&distance=' + distance );

etc etc etc... It throws an error saying :

Uncaught Error: Syntax error, unrecognized expression: Example Inc&logo=http%3A%2F%2Fstuff.blah.localhost%2Flisting%2Flogo%2glarb.png&address=123 Any Street N&city=Anytown&state=OH&zip=44123&phone=3305551234&[email protected]&web_link=http%3A%2F%2Fexample.com%2F&distance=16.85833142631359

You may want to genericize the data in your example error above, since it appears to be real data. — Derek
– Derek, Commented Dec 4, 2013 at 17:38
@Derek - Big time. OP - I've done it for you on this occasion. — T.J. Crowder
– T.J. Crowder, Commented Dec 4, 2013 at 17:40

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

You'll find the data in $_POST. From the load documentation:

Request Method

The POST method is used if data is provided as an object; otherwise, GET is assumed.

Since you're providing the data as an object, jQuery is using POST.

Whenever I manually type it like so...It throws an error

Yes. If you provide a string, you're expected to provide a valid query string, but the string you provided is not a valid query string. In general, stick to the object notation, but if you need to build a string like that, use encodeURIComponent to ensure that the values are encoded correctly.

'ajax/listingFind.php?id=' + encodeURIComponennt(id)

Technically, both the key and value must be encoded:

'ajax/listingFind.php?' + encodeURIComponent('id') + '=' + encodeURIComponennt(id)

...but if your keys consist solely of the letters a-z (lower or upper case), the encoded form is exactly the same as the raw form, so you can skip it.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Dec 4, 2013 at 17:36

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

Collectives™ on Stack Overflow

Javascript load() with data, how to grab params in PHP?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related