CODEWITHSUNDEEP
jquerygoogle-chrome-extension
Diptopol Dam
Diptopol Dam

Reputation: 815

chrome extension prob

My manifest code is 

 {
  "name": "Sample",
  "description": "Sample demonstration",
  "version": "0.1",
  "minimum_chrome_version": "16.0.884",
  "permissions": [
    "experimental", "tabs","<all_urls>"
  ],
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "manifest_version": 2
}

my popup.html's code is

<html>
<head>
<script src='popup.js'></script>
<script src='jquery.js'></script>
</head>
<body>
</body>
</html>

popup.js code

$(document).ready(function() {
     $.post('http://localhost/LinkBook/index.php', {}, function(res){
                       console.log('res');
                    });   
    });

But its not working. Help me out.

Upvotes: 0

Views: 79

Answers (1)

Sudarshan
Sudarshan

Reputation: 18544

I have written a sample skeleton for all post requests which is well tested and working for years; You can use it as a reference and correct your code

manifest.json

{
  "name": "Sample",
  "description": "Sample demonstration",
  "version": "0.1",
  "minimum_chrome_version": "16.0.884",
  "permissions": [
    "experimental", "tabs","<all_urls>"
  ],
  "browser_action": {
    "default_icon": "icon.jpg",
    "default_popup": "popup.html"
  },
  "manifest_version": 2
}

popup.html

<html>
<head>
<script src='transaction.js'></script>
</head>
<body>
</body>
</html>

popup.js

function searchquotes(){

var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function(data) {
    if (xhr.readyState == 4) {
      if (xhr.status == 200) {
            console.log("Response is recieved");
        }
      } else {
        //callback(null);
      }
    }

var url = 'https://'+'somedomain.com/sompage.php';
xhr.open('POST', url, true);
xhr.send();

}
window.onload = searchquotes;

jquery Version

IMP: You can not have <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> in your code, download jquery and put it relative to your root folder, for more info check this(https://developer.chrome.com/extensions/contentSecurityPolicy.html)

manifest.json

{
  "name": "Sample",
  "description": "Sample demonstration",
  "version": "0.1",
  "minimum_chrome_version": "16.0.884",
  "permissions": [
    "experimental", "tabs","<all_urls>"
  ],
  "browser_action": {
    "default_icon": "icon.jpg",
    "default_popup": "popup.html"
  },
  "manifest_version": 2
}

popup.html

<html>
<head>
<script src='transaction.js'></script>
<script src='jquery.js'></script>
</head>
<body>
</body>
</html>

transaction.js

$(document).ready(function() {
     $.post("http://somedomain.com/sompage.php', {}, function(res){
                       console.log(res);
                    });   
    });

Upvotes: 1

Related Questions