chrome extension desktop notification send get params

Question

I would like to send some parameters to my desktop notification but i can't retrieve them.

I open a notification with that code :

var notification = webkitNotifications.createHTMLNotification(
  '../html/notification.html?data='+nb
);

Where nb is my variable.

notification.html :

<!DOCTYPE html>
<html>
<head>
<title>Notification</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="../js/notification.js"></script>
</head>
<body>
    <div id="message">Vous avez <span></span></div>
</body>
</html>

notification.js :

function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}
var first = getUrlVars()['data'];

$('#message span').html(first +' nouveau message');

The result is "Vous avez" instead of "Vous avez 1 nouveau message" for example.

I checked if my notification.js is loaded. How to check the value of "first"? How to debug that JS code? Or have you a better method to retrieve GET parameters in URL?

Thank's a lot.

Regards

Ansel Santosa · Accepted Answer · 2012-01-07T19:27:36.303

The Query String is not setup to be parsed easily with JS. Do you only need to pass one String?

If so, use the Hash instead of the Query String:

var notification = webkitNotifications.createHTMLNotification('../html/notification.html#' + nb);

Then in notification.js:

$('#message span').html(window.location.hash.substr(1) + ' nouveau message');

If you need to pass more than one variable, you can use a Stringified JSON object:

var data = {
        var1: "somedata",
        var2: 12345
    },    
    notification = webkitNotifications.createHTMLNotification('../html/notification.html#' + JSON.stringify(data));

Then in notification.js:

var data = JSON.parse(window.location.hash.substr(1));
$('#message span').html('var1 is ' + data.var1 + ' var2 is' + data.var2);

If you get parse errors you may have to use encodeURIComponenet() and decodeURIComponent()

It works with the second way, I forgot to wrap my code in notification.js with the jQuery .ready() — Syl, Jan 07 '12 at 20:22

chrome extension desktop notification send get params

1 Answers1