Question

I have an ajax function which looks like this (basically, it’s simplified):

function getPage(targetURL, targetID, dataMethod, dataStream) {
  $.ajax({
    type: dataMethod,
    data: { dataStream },
    url: '../' + targetURL,
    success:
        function(server_response)   { 
            $('#' + targetID).html(server_response).show();
        }
    });
  return false;
}

I then want to call the function like this:

onclick="getPage('myPage.php', 'content', 'GET', 'someAction: add');"

And that is very good… But right now function thinks add is a variable… But in some cases, I need to declare someAction with a value, from within the onClick, like this:

onclick="getPage('myPage.php', 'content', 'GET', 'someAction: "add"');"

However, that is ofcourse not working… Neither does ofcourse:

onclick="getPage('myPage.php', 'content', 'GET', 'someAction: \"add\"');"

So what will a wise man do?

Answer 1

This is because you are mixing strings and objects.
In order to do what I think you want to do, you should call the function like this:

onclick="getPage('myPage.php', 'content', 'GET', { someAction: 'add' });"

i.e., you are passing an object as the fourth parameter, and not a string, then, in your function, you should treat that object as it is, i.e.

$.ajax({
  type: dataMethod,
  data: dataStream,
  url: '../' + targetURL,
  // ...