How to pass javascript variable in jquery .load

Question

I'm using jquery's .load function to load a page in a container , but I need to pass some parameters with the url, javascript variables hold the value of the parameter

    var data = "xyz";
$("#toggleText").load("inner/playlist.php",{name:data});

Your code seems fine! However, take a look at this post: http://stackoverflow.com/questions/263962/best-way-to-pass-parameters-to-jquerys-load. — jacoz, Oct 28 '12 at 14:11
Your `.load` will send request to `inner/playlist.php?name=xyz`. — Shiplu Mokaddim, Oct 28 '12 at 14:12
does your code hit that line? How do you know that the request is not *sent* ? — Lee Taylor, Oct 28 '12 at 14:14
Are you using $_GET['name'] or $_POST['name'] in playlist.php? — MagePal Extensions, Oct 28 '12 at 14:16
first place to start is in browser console for errors thrown and to inspect the actual request to see if it is made, data transfered etc? Without knowing if problem is client or server side is a stab in the dark trying to guess at problem — charlietfl, Oct 28 '12 at 15:37

score 1 · Accepted Answer · answered Oct 28 '12 at 14:44

1

its always good idea to use quotes for the param names.

$("#toggleText").load("inner/playlist.php",{'name':data});

also, try to put the callback function to check it it actually does anything:

$("#toggleText").load("inner/playlist.php",{'name':data}, function(response, status, xhr) {
if (status == "error") {
    alert("Error: " + xhr.status + " " + xhr.statusText);
  }
});

answered Oct 28 '12 at 14:44

whiteagle

1,158
10
12

quotes for object keys are irrelevant if no special characters or spaces involved – charlietfl Oct 28 '12 at 15:36

How to pass javascript variable in jquery .load

1 Answers1