Función dinamicamente

[emeotero]

Si, realmente es un poco vieja, tenía hecha algo como esto

Código:

function traerDatosMala(){
	$('#ContOne').hide();
	$('.contEsp').show(500);
	$('.galeria').show(500);
	__ajax("funciones_PHP/listar.php", "")
	.done( function( info ){
		var datos = JSON.parse( info );
		var html = "";
		for(var i in datos.data){
			html+=`
				<div class="box-img">
				<a href="#" id='${datos.data[i].img}'><img src ='${datos.data[i].img}'/></a>
				<span class="marco">${datos.data[i].order}</span>
				</div>
			`
		}
		$("#orden").html( html );
			
		});
	}
function __ajax(url, data){
	var ajax = $.ajax({
	"method": "POST",
	"url": url,
	"data": data
       })
	return ajax;
}

Pero dudaba en como enviar el input de un formulario a listar.php y hacer la consulta.
Por eso usaba la función vieja, por que hacía una función aparte para enviarla, la verdad es que me lié un poco:

Código:

function objeto(){
	var elemento = document.getElementById("formulario");
	obje = document.getElementById('elemento');
	var txt='';
	txt ="'"+obje.value+"'";
	url_obje = 'elemento='+txt;
	xhr(url_obje);
}

var xmlhttp; 
function xhr(formu){ 

		if (window.XMLHttpRequest)
  			{// code for IE7+, Firefox, Chrome, Opera, Safari
  				xmlhttp=new XMLHttpRequest();
	  		}
		else
	  		{// code for IE6, IE5
  				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  		}
		const xhttp = new XMLHttpRequest();
		xhttp.onreadystatechange = function(){
		if(this.readyState == 4 && this.status == 200){
			var datos = JSON.parse(this.responseText);
			var res = document.querySelector("#resp");
			res.innerHTML = '';
			for(var i in datos.data){
				res.innerHTML += `
						<p>${datos.data[i].name}</p>
				`
			}
		}
	}
		xhttp.open("POST", "funciones_PHP/busqueda.php", true);
		xhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		xhttp.send(formu);
}

Con el problema añadido de que se recarga el formulario

En fin... gracias.