Get JSON in a Chrome extension

by

The CSP cannot cause the problem you’ve described. It’s very likely that you’re using JSONP instead of plain JSON. JSONP does not work in Chrome, because JSONP works by inserting a <script> tag in the document, whose src attribute is set to the URL of the webservice. This is disallowed by the CSP.

Provided that you’ve set the correct permission in the manifest file (e.g. "permissions": ["http://domain/getjson*"], you will always be able to get and parse the JSON:

var xhr = new XMLHttpRequest();
xhr.onload = function() {
    var json = xhr.responseText;                         // Response
    json = json.replace(/^[^(]*\(([\S\s]+)\);?$/, '$1'); // Turn JSONP in JSON
    json = JSON.parse(json);                             // Parse JSON
    // ... enjoy your parsed json...
};
// Example:
data="Example: appended to the query string..";
xhr.open('GET', 'http://domain/getjson?data=" + encodeURIComponent(data));
xhr.send();

When using jQuery for ajax, make sure that JSONP is not requested by using jsonp: false:

$.ajax({url:"...',
        jsonp: false ... });

Or, when using $.getJSON:

$.getJSON('URL which does NOT contain callback=?', ...);

More Related Contents:

  1. Why does Google prepend while(1); to their JSON responses?
  2. jQuery AJAX cross domain
  3. Serializing to JSON in jQuery [duplicate]
  4. AJAX cross domain call
  5. Post data to JsonP
  6. Convert JSON array to an HTML table in jQuery
  7. Can JavaScript connect with MySQL?
  8. Ajax request returns 200 OK, but an error event is fired instead of success
  9. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  10. Converting a string to JSON object
  11. Chrome refuses to execute an AJAX script due to wrong MIME type
  12. React JS – Uncaught TypeError: this.props.data.map is not a function
  13. How do I load a JSON object from a file with ajax?
  14. Scrape / eavesdrop AJAX data using JavaScript?
  15. JSON security best practices?
  16. loading json data from local file into React JS
  17. Does extension messaging like chrome.runtime.sendMessage internally use JSON.stringify?
  18. jQuery AJAX polling for JSON response, handling based on AJAX result or JSON content
  19. send json object from javascript to php
  20. React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
  21. AJAX call and clean JSON but Syntax Error: missing ; before statement
  22. jQuery AJAX Call to PHP Script with JSON Return
  23. console.log(result) prints [object Object]. How do I get result.name? [duplicate]
  24. Execute function after Ajax call is complete
  25. Annoying javascript timezone adjustment issue
  26. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
  27. How to fix chrome-extension inline JavaScript invocation error?
  28. Trying to bind multiple InfoWindows to multiple Markers on a Google Map and failing
  29. creating highchart with ajax json data
  30. How to return an array from an AJAX call?

Leave a Comment