COME INSERIRE DATI IN UN DATABASE MYSQL CON PHP E JQUERY

You are viewing the theme
[Voti: 1    Media Voto: 5/5]

Prima di tutto occorre definire il form html che permette di inserire i dati.

<div class="container">
<form id="submit" method="post">
<fieldset>
<legend>Enter Information</legend>
<label for="fname">Client First Name:</label>
<input id="fname" class="text" name="fname" size="20" type="text" />
<label for="lname">Client Last Name:</label>
<input id="lname" class="text" name="lname" size="20" type="text" />
<button class="button positive">
<img src="../images/icons/tick.png" alt="" /> Add Client </button>
</fieldset>
</form>
div class="success" style="display: none;">Client has been added.</div></div>

Dopo di che occorre definire nella stessa pagina il codice javascript che richiama la libreria jquery utile per poter inviare i dati alla pagina php localizzata sul server:

 

$(document).ready(function(){
	$('form#submit').submit(function() {
	// we want to store the values from the form input box, then send via ajax below
	var fname     = $('#fname').attr('value');
	var lname     = $('#lname').attr('value');
		$.ajax({
			type: 'POST',
			url: 'ajax.php',
			data: 'fname='+ fname +'&amp; lname='+ lname,
			success: function(){
				$('form#submit').hide(function(){$('div.success').fadeIn();});

			}
		});
	return false;
	});
});

Alla fine occorre realizzare la pagina php localizzata nel server:

<?php

	include ("../../inc/config.inc.php");

	// CLIENT INFORMATION
	$fname        = htmlspecialchars(trim($_POST['fname']));
	$lname        = htmlspecialchars(trim($_POST['lname']));

    $addClient  = "INSERT INTO clients (fname,lname) VALUES ('$fname','$lname')";
    mysql_query($addClient) or die(mysql_error());

?>