insertar - mostrar datos de mysql en php con ajax
Usando Jquery Ajax para recuperar datos de Mysql (4)
Asegúrese de que su $row[1] , $row[2] contenga el valor correcto, supondremos aquí que 1 = Name , and 2 here is your Address field .
Suponiendo que ha obtenido correctamente sus registros desde su Records.php , puede hacer algo como esto:
$(document).ready(function()
{
$(''#getRecords'').click(function()
{
var response = '''';
$.ajax({ type: ''POST'',
url: "Records.php",
async: false,
success : function(text){
$(''#table1'').html(text);
}
});
});
}
En tu HTML
<table id="table1">
//Let jQuery AJAX Change This Text
</table>
<button id=''getRecords''>Get Records</button>
Una pequeña nota:
Intenta aprender PDO http://php.net/manual/en/class.pdo.php ya que las mysql_* functions ya no se recomiendan.
list.php : Un código ajax simple que quiero mostrar solo registros de la tabla Mysql:
<html>
<head>
<script src="jquery-1.9.1.min.js">
</script>
<script>
$(document).ready(function(){
var response = '''';
$.ajax({ type: "GET",
url: "Records.php",
async: false,
success : function(text)
{
response = text;
}
});
alert(response);
});
</script>
</head>
<body>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2> </div>
<button>Get Records</button>
</body>
</html>
Records.php es el archivo para obtener registros de Mysql.
En la Base de datos solo hay dos campos: ''Nombre'', ''Dirección''.
<?php
//database name = "simple_ajax"
//table name = "users"
$con = mysql_connect("localhost","root","");
$dbs = mysql_select_db("simple_ajax",$con);
$result= mysql_query("select * from users");
$array = mysql_fetch_row($result);
?>
<tr>
<td>Name: </td>
<td>Address: </td>
</tr>
<?php
while ($row = mysql_fetch_array($result))
{
echo "<tr>";
echo "<td>$row[1]</td>";
echo "<td>$row[2]</td>";
echo "</tr>";
}
?>
Este código no está funcionando.
No puede devolver el valor de retorno ajax. Usted almacenó la variable global almacena sus valores de retorno después del regreso.
O cambie su código como este.
AjaxGet = function (url) {
var result = $.ajax({
type: "POST",
url: url,
param: ''{}'',
contentType: "application/json; charset=utf-8",
dataType: "json",
async: false,
success: function (data) {
// nothing needed here
}
}) .responseText ;
return result;
}
Para recuperar datos usando Ajax + jQuery, debe escribir el siguiente código:
<html>
<script type="text/javascript" src="jquery-1.3.2.js"> </script>
<script type="text/javascript">
$(document).ready(function() {
$("#display").click(function() {
$.ajax({ //create an ajax request to display.php
type: "GET",
url: "display.php",
dataType: "html", //expect html to be returned
success: function(response){
$("#responsecontainer").html(response);
//alert(response);
}
});
});
});
</script>
<body>
<h3 align="center">Manage Student Details</h3>
<table border="1" align="center">
<tr>
<td> <input type="button" id="display" value="Display All Data" /> </td>
</tr>
</table>
<div id="responsecontainer" align="center">
</div>
</body>
</html>
Para la conexión mysqli, escribe esto:
<?php
$con=mysqli_connect("localhost","root","");
if (!$con)
{
die(''Could not connect: '' . mysqli_error());
}
?>
Para visualizar los datos de la base de datos, debe escribir esto:
<?php
include("connection.php");
mysqli_select_db("samples",$con);
$result=mysqli_query("select * from student",$con);
echo "<table border=''1'' >
<tr>
<td align=center> <b>Roll No</b></td>
<td align=center><b>Name</b></td>
<td align=center><b>Address</b></td>
<td align=center><b>Stream</b></td></td>
<td align=center><b>Status</b></td>";
while($data = mysqli_fetch_row($result))
{
echo "<tr>";
echo "<td align=center>$data[0]</td>";
echo "<td align=center>$data[1]</td>";
echo "<td align=center>$data[2]</td>";
echo "<td align=center>$data[3]</td>";
echo "<td align=center>$data[4]</td>";
echo "</tr>";
}
echo "</table>";
?>
$(document).ready(function(){
var response = '''';
$.ajax({ type: "GET",
url: "Records.php",
async: false,
success : function(text)
{
response = text;
}
});
alert(response);
});
necesita ser:
$(document).ready(function(){
$.ajax({ type: "GET",
url: "Records.php",
async: false,
success : function(text)
{
alert(text);
}
});
});