javascript 使用纯Javascript进行AJAX GET和POST

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 使用纯Javascript进行AJAX GET和POST相关的知识,希望对你有一定的参考价值。

// Exemplo de requisição POST
var ajax = new XMLHttpRequest();

// Seta tipo de requisição: Post e a URL da API
ajax.open("POST", "minha-url-api", true);
ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

// Seta paramêtros da requisição e envia a requisição
ajax.send("email=teste@teste.com");

// Cria um evento para receber o retorno.
ajax.onreadystatechange = function() {
  
  // Caso o state seja 4 e o http.status for 200, é porque a requisiçõe deu certo.
	if (ajax.readyState == 4 && ajax.status == 200) {
    
		var data = ajax.responseText;
		
    // Retorno do Ajax
		console.log(data);
	}
}
// Exemplo de requisição GET
var ajax = new XMLHttpRequest();

// Seta tipo de requisição e URL com os parâmetros
ajax.open("GET", "minha-url-api.com/?name=Henry&lastname=Ford", true);

// Envia a requisição
ajax.send();

// Cria um evento para receber o retorno.
ajax.onreadystatechange = function() {
  
  // Caso o state seja 4 e o http.status for 200, é porque a requisiçõe deu certo.
	if (ajax.readyState == 4 && ajax.status == 200) {
    
		var data = ajax.responseText;
		
    // Retorno do Ajax
		console.log(data);
	}
}

以上是关于javascript 使用纯Javascript进行AJAX GET和POST的主要内容,如果未能解决你的问题,请参考以下文章

javascript 使用纯javascript和没有jquery的ScrollTo动画

如何使用纯 JavaScript 读取图像文件?

使用纯 JavaScript 和 Chromium WebAudio API 生成音调

JavaScript使用纯函数避免bug

使用纯javascript检测更改的输入文本框[重复]

使用纯Javascript获取选定的下拉值[重复]