【发布时间】:2015-07-24 09:39:14
【问题描述】:
我正在尝试从 chrome 扩展程序创建手动 Google 搜索。 html 包含一个表单字段。用户可以在此字段中输入一个数字。然后我将该数字添加到 url 参数中并基于该参数启动 GET 请求。
这是我的清单文件
{
"manifest_version": 2,
"name": "Qoogle",
"description": "Customized google search for your daily needs",
"version": "1.0",
"permissions": [
"tabs",
"http://www.google.co.in/",
"https://www.google.co.in/"
],
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
}
}
这是我点击扩展按钮时在新选项卡中打开的 html。
<form action="" name="timer">
<input type="number" name="quantity" id="time">
<input type="radio" name="timertype" id="t1" value="seconds" checked>Seconds
<input type="radio" name="timertype" id="t2" value="minutes">Minutes
<br>
<input type="submit" id="timer" value="Set Timer">
*<b>Enter any positive number</b>
</form>
<script src="validate.js"></script>
最后这是我的 validate.js
//Method for new http request
function httpGet(theUrl)
{
var xmlHttp = new XMLHttpRequest();
xmlHttp.open( "GET", theUrl, false );0
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
// do stuff here
xmlHttp.send(null);
return xmlHttp.responseText;
};
}
}
//Funtion to validate and send timer request
function timer() {
var value = document.getElementById('time').value;
var url;
if(document.getElementById('t1').checked) {
url = "https://www.google.co.in/#q=set+timer+for+" + value + "+seconds";
httpGet(url)
}
else{
url = "https://www.google.co.in/#q=set+timer+for+" + value + "+minutes";
httpGet(url)
}
}
window.onload = function(){
document.getElementById('timer').onclick = timer;
};
这似乎不起作用。可能是什么原因?控制台不会记录任何错误消息。
【问题讨论】:
-
“似乎无法正常工作”并不是对问题的充分描述。
标签: javascript google-chrome google-chrome-extension xmlhttprequest