[JAVA] Utiliser XMLHttpRequest

introduction

Envoyez des données avec une requête HTTP depuis l'addon Firefox.

Exemple utilisant XMLHttpRequest

• Vous pouvez envoyer une demande en utilisant XMLHttpRequest.
• La valeur transmise dans le paramètre Query est codée dans encodeURIComponent.

background.js

browser.contextMenus.create({
    id: "name",
    title: "get name",
    contexts: ["selection"],
});

var name = "blue";
getting = browser.storage.local.get("name", function (value) {
    name = value.name;
});

browser.contextMenus.onClicked.addListener((info, tab) => {
    getting = browser.storage.local.get("name", function (value) {
        name = value.name;
    });

    if (info.menuItemId === "name") {
        url= "http://sample/?arg0=" + name;
        doGet(url);
    }
}

function doGet(url) {
	console.log(url);
    const xhr = new XMLHttpRequest();
    xhr.open('GET', url);
    xhr.onload = () => {
      console.log(xhr.status);
    };
    xhr.onerror = () => {
      console.log(xhr.status);
      console.log("error!");
    };
    xhr.send();
}

Recevoir des données dans un servlet

Obtenez la valeur avec le paramètre de requête GET.

• Obtenez un paramètre URLEncoded en UTF-8.
• Spécifie l'en-tête pour Access-Control-Allow-Origin: *.

doGet

protected void doGet(HttpServletRequest request, HttpServletResponse response)
		throws ServletException, IOException {
	try {
		request.setCharacterEncoding("UTF-8");
		response.setHeader("Access-Control-Allow-Origin", "*");
		response.setContentType("text/html; charset=UTF-8");
	} catch (UnsupportedEncodingException e1) {}
	
	String arg0 = request.getParameter("arg0"); 
	//Pour quand l'encodage ne fonctionnait pas
	String query = request.getQueryString();
	if (query.indexOf("arg0=")>0) {
		arg0 = query.substring(query.indexOf("arg0=")+5);
		arg0 = URLDecoder.decode(arg0, "UTF-8");
	}
	//réduction
}

À propos de Access-Control-Allow-Origin

Sans Access-Control-Allow-Origin, vous verrez le message suivant dans la console Firefox:

• Bien qu'il y ait une erreur, la demande est acceptée et traitée côté serveur.
• L'erreur semble indiquer qu'il ne traite pas le message de réponse.

console

Demande d'origine croisée bloquée:Avec la même politique d'origine
http://sample/?arg0=Le chargement des ressources distantes au nom est refusé
(Raison:En-tête CORS «Accès-Control-Allow-Origine »est manquante)。

référence

https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequest https://developer.mozilla.org/ja/docs/Web/HTTP/HTTP_access_control