estoy usando Fetch y quiero pasar los valores GET y POST exactamente como lo hace JQuery, les tengo imágenes ilustrativas:
Mis datos a enviar:
y usando Jquery GET envía el Object como texto plano usando encodeURIComponent:
$.ajax({
data: obj,
url: 'ajax.php',
method: "get",
success: function(r) {
}
});
http://localhost/index/Fede/ajax.php?obj%5B0%5D=4123&obj1%5Bv1%5D=1&obj1%5Bv2%5D=4&obj1%5Bv3%5D%5B%5D=123&obj1%5Bv3%5D%5B1%5D%5Bv11%5D=v11&obj2%5Bvv1%5D=2&obj2%5Barr%5D%5B0%5D%5Barrv%5D=123&obj2%5Barr%5D%5B%5D=312
¿Como puedo enviar dicho objeto con fetch al estilo Jquery Ajax en forma de texto plano? De esta manera (usé el mismo String del GET de ajax para mostrarles como quiero enviar los datos):
fetch('ajax.php?obj[0]=4123&obj1[v1]=1&obj1[v2]=4&obj1[v3][]=123&obj1[v3][1][v11]=v11&obj2[vv1]=2&obj2[arr][0][arrv]=123&obj2[arr][]=312')
.then(r => /text\/html/.test(r.headers.get('content-type')) ? r.text() : (/json/.test(r.headers.get('content-type')) ? r.json() : r.text()))
.then(r => console.log(r))
.catch(e => console.error(e));
http://localhost/index/Fede/ajax.php?obj%5B0%5D=4123&obj1%5Bv1%5D=1&obj1%5Bv2%5D=4&obj1%5Bv3%5D%5B%5D=123&obj1%5Bv3%5D%5B1%5D%5Bv11%5D=v11&obj2%5Bvv1%5D=2&obj2%5Barr%5D%5B0%5D%5Barrv%5D=123&obj2%5Barr%5D%5B%5D=312
En ambos casos el servidor lo recibe y da respuestas. La razón de esto es que estoy dejando de usar Jquery, quiero que todos mis scripts sean nativeJS.
JSON.stringify()
es nativo de javascript.var stringObj = JSON.stringfy(objeto)
, developer.mozilla.org/es/docs/Web/JavaScript/Referencia/…encodeURIComponent()