代码 -
"use strict"; var AJAX = function (params) { this.server ={}; this.url = params.url; this.method = params.method; this.dataType = params.dataType; this.formData = params.formData; this.init = function(){ if(typeof XMLHttpRequest != 'undefined'){ this.server = new XMLHttpRequest(); this.server.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); this.server.setRequestHeader('Content-length', this.formData.length); this.server.setRequestHeader('Connection', 'close'); console.log("XMLHttpRequest created."); return true; } }; this.send = function(){ if(this.init()){ this.server.open(this.method, this.url, true); this.server.send(this.formData); } }; };
它抛出以下错误:
Error in event handler for contextMenus: InvalidStateError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': The object's state must be OPENED.
如何使用-
var data = new FormData(); data.append('user', 'sachin'); var params = { url : 'example.com', method : 'post', dataType: 'json', formData : data }; var backgroundWindow = chrome.extension.getBackgroundPage(); var ajax = new backgroundWindow.AJAX(params); ajax.send();
我似乎无法弄清楚背后的原因是什么。
错误很简单:
contextMenus的事件处理程序中的错误:InvalidStateError:无法对’XMLHttpRequest’执行’setRequestHeader’:对象的状态必须为OPENED。
您需要.open(..)在设置请求标头之前调用。
.open(..)
对于您的代码,我认为最好的方法是将调用移到init(..)函数中以打开。
init(..)
var AJAX = function (params) { this.server ={}; this.url = params.url; this.method = params.method; this.dataType = params.dataType; this.formData = params.formData; this.init = function(){ if(typeof XMLHttpRequest != 'undefined'){ this.server = new XMLHttpRequest(); //Open first, before setting the request headers. this.server.open(this.method, this.url, true); //Now set the request headers. this.server.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); //this.server.setRequestHeader('Content-length', this.formData.length); //this.server.setRequestHeader('Connection', 'close'); console.log("XMLHttpRequest created."); return true; } }; this.send = function(){ if(this.init()){ this.server.send(this.formData); } }; };