Tengo un sitio web con php y trabja con rutas amigables
Mi archivo htaccess
es el siguiente:
RewriteEngine On
RewriteRule ^([a-z]*)\/?([a-z0-9]*)$ router.php?var1=$1&var2=$2
Mi archivo router.php
es este:
<?php
include_once("includes/config.php");
include_once("includes/clases/class.Contacto.php");
$pagina = $_GET["var1"];
$id_contacto = $_GET["var2"];
if(empty($pagina))
$path = "index";
else
$path = $pagina;
include "./".$path.".php";
?>
En mi archivo registrar.php
mediante ajax envío parámetros por el metodo post a otra página en la cual se reciben y se procesan para posteriormente guardarlos en una base de datos.
Archivo registrar.php
function insert()
{
var formulario = $("#form-registro");
if(formulario.valid())
{
var nombre = $("#nombreVal").val();
var apellidoP = $("#apellidoPVal").val();
var apellidoM = $("#apellidoMVal").val();
var telCasa = $("#telCasaVal").val();
var telCelular = $("#telCelularVal").val();
var correo = $("#correoVal").val();
var calle = $("#calleVal").val();
var numero = $("#numeroVal").val();
var colonia = $("#coloniaVal").val();
var codPostal = $("#codPostalVal").val();
var ciudad = $("#ciudadVal").val();
var estado = $("#estadoVal").val();
$.ajax({
url: "includes/acciones/contacto/insert.php",
type: "POST",
data: "nombre=" + nombre + "&apellidoP=" + apellidoP + "&apellidoM=" + apellidoM
+ "&telCasa=" + telCasa + "&telCelular=" + telCelular + "&correo=" + correo
+ "&calle=" + calle + "&numero=" + numero + "&colonia=" + colonia
+ "&codPostal=" + codPostal + "&ciudad=" + ciudad + "&estado=" + estado,
success: function(data){
if(data >= 1)
{
Swal.fire('Contacto registrado correctamente!!!!', '', 'success').then((result) => {
if(result.value) {
window.location.reload(true);
}
});
}
else
Swal.fire('No se pudo registrar el contacto!!!!', '', 'error');
}
});
}
}
La duda que tengo es como tendría que definir la url en el ajax:
Primera Opción:
url: "<?php echo base_url(); ?>/includes/acciones/contacto/insert"
Segunda Opción:
url: "<?php echo base_url(); ?>/includes/acciones/contacto/insert.php"
Y entonces también me sale como duda, si los parámetros tengo que pasarlos así como lo tengo actualmente o tendría que ser mediante un objeto literal o un json o un FormData o cual seria la forma correcta de hacerlo??
Tengo un ejemplo en el cual manejan axios y en la url usan rutas amigables, y quiero pensar que sería algo similar con jquery pero como seria??
document.querySelector('.btn-guardar')
.addEventListener('click', () => {
let nombre = document.querySelector('input[name="nombre"]').value;
let vencimiento = document.querySelector('input[name="vencimiento"]').value;
let id = document.querySelector('#identificador').value;
axios.post(`http://localhost/mvc/tareas/${id == "" ? 'create' : 'update'}`, {
nombre,
vencimiento,
id
})
.then((r) => {
let info = r.data;
if (id == "") {
// Agregar
let tr = document.createElement("tr");
tr.setAttribute('data-id', info.id);
tr.innerHTML = `<td>${info.id}</td>
<td>${info.nombre}</td>
<td>${info.vencimiento}</td>
<td><button class='btn btn-warning btnEditar'>Editar</button>
<button class='btn btn-danger btnEliminar'>Eliminar</button></td>`;
document.getElementById("table")
.querySelector("tbody").append(tr);
tr.querySelector('td:last-child .btnEditar')
.addEventListener('click', fetchTarea);
tr.querySelector('td:last-child .btnEliminar')
.addEventListener('click', deleteTarea);
} else {
// Editar
let tr = document.querySelector(`tr[data-id="${id}"]`);
let cols = tr.querySelectorAll("td");
cols[1].innerText = info.nombre;
cols[2].innerText = info.vencimiento;
}
myModal.hide();
})
})
url
de una petición Ajax y no, no está ahí el quid de la cuestión, tiene más bien que ver con organizar las carpetas en el servidor, y en la carpeta principal tener un archivo que haga de controlador de rutas. Revisa esta respuesta. Creo que puede arrojar un poco más de luz al respecto.tudominio.com/api/user/1
en un petición del tipo GET eso significaría: obténme eluser
cuyo id es igual a1
, luego en el controlador debes verificar queuser
es un punto de entrada válido, obtener el valor del siguiente parámetro (el valor1
) y ejecutar según el tipo de petición (si es GET obtener eluser
cuyo id es1
). Esa es más o menos la lógica a seguir. Es importante que haya un orden, y que lo que hagas responda a algún estándar.user
, otra llamadapost
, otra llamadaaccount
, todas ellas serán puntos de entrada de tu API los cuales servirán para obtener, enviar, borrar ... entidades de ese tipo, según el tipo de petición que envíes en cada caso.