Home / Questions / 53920
Accepted
nachfren
Asked: 2020-03-09 07:43:55 +0800 CST 2020-03-09 07:43:55 +0800 CST

Pass by parameter JSON Javascript

  • 772

I have the following html component to which I pass a Json:

<a href="javascript:abreModal('{ 'name':'John', 'age':'30', 'city':'New York'}');">
     Pulsador
</a>

And the Javascript function:

function abreModal(text) {
        //var text = '{ "name":"John", "age":"function () {return 30;}", "city":"New York"}';
        obj = JSON.parse(text);
        alert(obj.name);
}

The error firebug throws me is:

SyntaxError: missing ) after argument list

I suspect that the error is in the quotes abreModal(...)I have tried to change the quotes without result.

Any suggestion?

javascript

4 Answers

  1. Best Answer
    abreModal('{ 'name':'John', 'age':'30', 'city':'New York'}');
          ^  ^

    Your string is between the two marks I put in, and the next thing you type is nameinstead of a comma ( ,) or the closing parenthesis. What I recommend is that you do not send a Json but the object:

    <a href="javascript:abreModal({ 'name':'John', 'age':'30', 'city':'New York'});">
    Pulsador
</a>

    And so you don't need to parse or anything:

    function abreModal(obj) {
    alert(obj.name);
}

    Remember that Json is used to exchange data between server and client, it doesn't make much sense to transform an object into Json and then parse it in the same script.

    Now, if the situation is that you receive that Json from somewhere else, then I recommend that you parse it before sending it and send the variable that contains it.

    • 8

  2. Simply remove the quotes and pass the object as such, so you can access it directly in the function , ie:

    You have this:

    javascript:abreModal('{ 'name':'John', 'age':'30', 'city':'New York'}');
                     ^                                               ^

    Simply remove the quotes around the object

    javascript:abreModal( { 'name':'John', 'age':'30', 'city':'New York'} );
                     ^                                               ^

    And you no longer need to parse anything because you will have a literal object to work with and access its properties.

    function abreModal(obj) {
  console.log('Name: ' + obj.name + ', Age: ' + obj.age + ', City: ' + obj.city)
  alert('Name: ' + obj.name + ', Age: ' + obj.age + ', City: ' + obj.city);
}
    <a href="javascript:abreModal({ 'name':'John', 'age':'30', 'city':'New York'});">
     Pulsador
</a>

    • 4

  3. If you really need to pass a string JSONper parameter , then:

    You could print the JSONencoding for URIs, this way single quotes ( '), double quotes ( ") and any other special characters would be escaped, thus preventing the HTML from breaking.

    in JSyou can useencodeURIComponent

    Example:

    function abreModal(text) {
  obj = JSON.parse(text);
  alert(obj.name);
}
    <a href="javascript:abreModal('%7B%22name%22%3A%22John%22%2C%22age%22%3A30%2C%22city%22%3A%22New%20York%22%7D');">
     Pulsador
</a>

    • 3

  4. A good practice is to use onclickand you had single quotes for others, the JSON that you send does not need to be parsed. 

    function abreModal(text) {
        
        console.log(text.name);
}
    <a href="#" onclick="abreModal({'name':'John', 'age':'30'})">
     Pulsador
</a>

    • 0