stumped on jquery call inside chrome extension

Question

In my chrome extension I call this:

jsonPost = {
    email:"[email protected]",
    password:"demo",
    content: $('#selected_text').val(), 
    notification_type: $('#notification_type').val(),
    name:$('#notification_name').val()
}

$.post('http://localhost:3000/api/create.json', jsonPost, 
        function (data) {
            console.log("type of data = " + typeof(data));
            console.log("data in function = " + data);
            }

The data makes it to the server. But the response is lost, in the console ---type of data = String ---data in function =

So for some reason I am not getting the response back. Works from the browser. I even tried doing a get against cnn.com and got no response.

any ideas?

thanks

Answer 1

you need to use json as the post type, for shorthand method, use it like this

$.post(url, data, function(result) {

}, 'json');

Answer 2

Are you running into cross-site-scripting restrictions? If it works in a page that's on "localhost", but not in the extension, it's probably that you need to ask Chrome's permission to access things outside the extension's default security context. See if Google's advice on requesting cross-origin permissions for an extension helps.