Using jQuery.ajax in a Google Chrome extension

Question

I use jquery.ajax function to post data from google chrome extension to my web service as code below:

$.ajax({
            type: "POST",
            url: serviceUrl,
            data: data,
            success: function(msg){
                if(typeof(Me.config.onSumitted) == "function"){
                    Me.config.onSumitted(msg);
                }
           },
           error: function(){
                if(typeof(Me.config.onError) == "function"){
                    Me.config.onError();
                }
           }
         });

but i get an error:

XMLHttpRequest cannot load http://todomain.com/Service.asp. Origin http://fromtabdomain.com is not allowed by Access-Control-Allow-Origin.

how can i resolve it?

Gev · Accepted Answer · 2015-01-28 14:40:54Z

14

you need to add a permission to you manifest.js file

"permissions": [
    "http://www.yourwebsite.com/"
  ],

answered Jan 28, 2015 at 14:40

Gev

1491 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

joe Over a year ago

Make sure to include the trailing slash, otherwise it won't work.

ChristopheCVB · Accepted Answer · 2011-07-23 14:28:45Z

13

You can have a look at this page to achieve what you want :

http://code.google.com/chrome/extensions/xhr.html

It is just about setting permissions...

answered Jul 23, 2011 at 14:28

ChristopheCVB

7,3031 gold badge31 silver badges54 bronze badges

2 Comments

Wasim A. Over a year ago

this is not working for me, any idea why? my ajax call is successful, badge is updated but notification is not working.

Auspex Over a year ago

Please don't post "link only" answers. This link is no longer valid. developer.chrome.com/docs/extensions/develop/concepts/… might be the correct one, but I'm not sure enough of that to edit your answer.

MarioW · Accepted Answer · 2014-02-13 16:11:39Z

3

As @ChristopheCVB pointed out http://code.google.com/chrome/extensions/xhr.html tells you what to do:

Please add a permissions section to your manifest.json:

{
  "name": "yourExtension",

  "permissions": [
    "http://fromtabdomain.com"
  ]
}

answered Feb 13, 2014 at 16:11

MarioW

865 bronze badges

Comments

Rafay · Accepted Answer · 2011-07-23 14:35:44Z

1

its because same origin policy set crossDomain to true (ise jquery version 1.5 or higher)

$.ajax({
            type: "POST", //or GET
            url: serviceUrl,
            data: data,
            crossDomain:true,
            cache:false,
            async:false,
            success: function(msg){
                //do some thing
           },
           error: function(jxhr){
               alert(jxhr.responseText);
                //do some thing
           }
         });

answered Jul 23, 2011 at 14:35

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

1 Comment

Minh Nguyen Over a year ago

Thanks for your answer, but i want to post data to my service.

huip · Accepted Answer · 2014-05-03 18:14:10Z

1

I use native ajax to solve this problem.you can do that with following steps.

ajax = function(options, callback) {
  var xhr;
  xhr = new XMLHttpRequest();
  xhr.open(options.type, options.url, options.async || true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
      return callback(xhr.responseText);
    }
  };
  return xhr.send();
};

answered May 3, 2014 at 18:14

huip

515 bronze badges

Collectives™ on Stack Overflow

Using jQuery.ajax in a Google Chrome extension

5 Answers 5

1 Comment

2 Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

2 Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related