目前,我是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>
即使我尝试了这个简单的代码..但是这也没有执行。在我的本地主机上做所有这些事情。 请任何人帮助。这将是极大的帮助。谢谢..