快速入门 - 发送请求

  • 作者:KK

  • 发表日期:2016.02.20


这下清楚了,插件UI要操作页面先得发送请求给插件服务器。

在插件的JS里编写代码,通过chrome.tabs对象的getSelected方法共需要两个参数(重申,插件UI不能直接写JS,必须通过script标签引入外部脚本,也可以引入jQuery这些)。

第一个参数是null,第二个参数传入回调函数,这个函数接收一个参数,这个参数就是页面选项卡对象:

插件界面的某个按钮。addEventListener('click', function(){
	chrome.tabs.getSelected(null, function(tab){
		//以上方法是获取用户当前选中的浏览器窗口标签对象
		//获取完毕后会执行这个回调函数
	});
});

然后在getSelected的第2个参数(回调)中调用chrome.tabs对象的sendRequest方法传入两个参数。

第一个参数就是选项卡的编号,这个编号可以通过上面回调函数传来的选项卡对象的id属性里取得,是浏览器新建选项卡时通过浏览器自己的选项卡管理机制分配的一个选项卡唯一标识号。

第二个参数就是要传输的数据,可以自己定,字符串还是数组还是对象啥的,这里我们发送字符串'Hello world!'看看。

例如:

chrome.tabs.getSelected(null, function(tab){
	chrome.tabs.sendRequest(tab.id, 'Hello world!');
});

这样发送请求的代码就已经部署完毕,接下来想要验证请求是否成功,需要部署服务端代码(示例代码在下一节贴出)。