Crear cuenta
<form metod="POST" acction="#" if="myform">
<!-- Tu formulario standar --><button type="button" id="submit_form" class="btn btn-sm btn-success"><i class="fas fa-user-plus"> </i> Modificar </button>
</form>
<script>
$("#submit_form").click(function() {
$("#myform").submit();
}</script>
<input type="text" id="id_usuario" name="id_usuario" value="">
<input type="text" id="nombre" name="nombre" value="">
<button type="button" id="submit_datos" class="btn btn-sm btn-success"><i class="fas fa-user-plus"> </i> Modificar </button>
<script>
$('#submit_datos').click(function () {
EnviarElem = {
id_usuario: $('#id_usuario').val(),
nombre $('#nombre').val()
};Enviar('enviar', EviarElem);
});
function Enviar(accion, evento) {
// console.log(accion); // enviar
$.ajax({
type: 'POST',
url: '../enviar_usuarios.php?accion=' + accion,
data: evento,
success: function (msg) {
if (msg) {
alert('La operación fue realizada correctamente');
}},
error: function () {
alert('La operación no tuvo éxito');
}});
};</script>
<form method = "post" action="mesas.php" name="formmesa1" >
<input type="button" class="active" value="Mesa1" name="mesas"></input>
</form>
<script>
$('#submit_datos').click(function () {
EnviarElem = {
id_usuario: $('#id_usuario').val(),
nombre $('#nombre').val()
};Enviar('enviar', EviarElem);
});
function Enviar(accion, evento) {
// console.log(accion); // enviar
$.ajax({
type: 'POST',
url: 'button1.php?accion=' + accion,
data: evento,
success: function (msg) {
if (msg) {
alert('La operación fue realizada correctamente');
}},
error: function () {
alert('La operación no tuvo éxito');
}});
};</script>
<form method="post" >
<input type="text" id="id_usuario" name="id_usuario" value="">
<input type="text" id="nombre" name="nombre" value="">
<button type="button" id="submit_datos" class="btn btn-sm btn-success"><i class="fas fa-user-plus"> </i> Modificar </button>
</form>
<?php
if (isset($_GET['accion']) && $_GET['accion'] == 'enviar'){
// Tu código para grabar o modificar los datos
};?>
$nombre= $_GET['nombres'];
$id_usuario($_GET['id_usuario']);
$nombre= $_GET['nombres'];
$id_usuario($_GET['id_usuario']);
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<title> Acción onclick en js </title>
// Aquí esta la referencia a jquery
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).on('ready',function(){
$('#btn-ingresar').click(function(){
var url = "datos_login.php";
$.ajax({
type: "POST",
url: url,
data: $("#formulario").serialize(),
success: function(data)
{$('#resp').html(data);
}});
});
});
</script>
</head>
<body>
<form method="post" id="formulario">
<input type="text" name="usuario" placeholder="Usuario" autofocus/>
<input type="password" name="contrasena" placeholder="Contraseña"/>
<input type="button" id="btn-ingresar" value="Ingresar" />
</form>
// Este div nos servirá para cachar la respuesta enviada
// por el backend en caso de que sea necesario.
<div id="resp"></div>
</body>
</html>
<?php
$usuario = $_POST['usuario'];
$contra = $_POST['contrasena'];
echo "tu usuario es: ".$usuario;
echo "contraseña es: ".$contrsena;
?>
<input type="button" id="btn-ingresar" value="Ingresar" />