无法执行Chrome扩展程序中的php文件

时间:2018-08-28 07:59:49

标签: javascript php jquery json google-chrome-extension

目前,我是chrome扩展开发的新手。 我想做的是,我将从地址栏获取url并将其提供给数据库。所以我创建了一个简单的html文件“ popup.html”,并希望使用post方法将该数据发送到script.php文件。 但是每当我单击“提交”按钮时,都不会发生任何事情。

popup.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>KnowPhish</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
body{
width:300px;
height:200px;
}
</style>
<script src="popup.js"></script>
</head>
<body>


  <h4>My First extension Page.</h4>
  <p>This is some text.</p> 
<p id="demo"></p>

  <form id="form1"  method="post" action="http://localhost/extension/script.php" autocomplete="off" novalidate="novalidate">
				<input class="search-term required" id="in1" type="text" height="40px" name="url" placeholder="Type your search URL here" title="* Please enter a search URL!" autocomplete="off">
				
			</form>
			
	<button type="submit" form="form1" value="Submit">Submit</button>
</body>
</html>

   chrome.tabs.query({
active: true,
lastFocusedWindow: true
}, function(tabs) {
var tab = tabs[0];
document.getElementById("demo").innerHTML = tab.url;
document.getElementById("in1").value = tab.url;
 });

manifest.json

 {
"manifest_version": 2,
"name": "KnowPhish",
"version": "1.0",
"description": "Building an Extension!",
"browser_action": {
    "default_popup": "popup.html"
},
"permissions": ["tabs","activeTab","http://localhost/*"]
} 

script.php

   <pre><?php
var_dump($_POST);
?></pre>

即使我尝试了这个简单的代码..但是这也没有执行。在我的本地主机上做所有这些事情。 请任何人帮助。这将是极大的帮助。谢谢..

0 个答案:

没有答案