Web

Использование JQuery Ajax для получения данных из Mysql

Простой код ajax, в котором я хочу отображать только записи таблицы Mysql:

list.php:

<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>Позвольте jQuery AJAX изменить этот текст </h2>

    </div>

    <button>Получить записи </button>

</body>

 

</html>

 Records.php — это файл для извлечения записей из Mysql.

В базе данных всего два поля: «Имя», «Адрес».

<?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>";

    }   

?>

 Этот код не работает. В чем моя проблема?

 

 Ответ 1

Для получения данных с помощью Ajax + jQuery необходимо написать следующий код:

 <html>

 <script type="text/javascript" src="jquery-1.3.2.js"> </script>

 <script type="text/javascript">

 $(document).ready(function() {

    $("#display").click(function() {                

      $.ajax({    //создайте ajax-запрос к файлу display.php

        type: "GET",

        url: "display.php",             

        dataType: "html",   // ожидаем возврата html               

        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>

 Для подключения mysqli напишите следующее:

<?php 

$con=mysqli_connect("localhost","root",""); 

 Для отображения данных из базы необходимо написать следующее:

<?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>Имя</b></td>

<td align=center><b>Адрес</b></td>

<td align=center><b>Поток</b></td></td>

<td align=center><b>Статус</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>";

?>

 

 Ответ 2

Вы не можете вернуть возвращаемое значение ajax. Вы сохранили глобальную переменную, чтобы сохранить возвращаемые значения после возврата.
Или измените код на этот:

AjaxGet = function (url) {

    var result = $.ajax({

        type: "POST",

        url: url,

       param: '{}',

        contentType: "application/json; charset=utf-8",

        dataType: "json",

       async: false,

        success: function (data) {

            // здесь ничего не нужно

      }

    }) .responseText ;

    return  result;

}

 

Ответ 3

Убедитесь, что вы $row[1] , $row[2] указали правильное значение, мы предполагаем, что здесь 1 = Имя , а 2 поле Адрес ?

Предполагая, что вы правильно загрузили свои записи из Records.php , вы можете сделать что-то вроде этого:

$(document).ready(function() {

    $('#getRecords').click(function() {

        var response = '';

        $.ajax({ type: 'POST',   

                 url: "Records.php",   

                 async: false,

                 success : function(text){

                               $('#table1').html(text);

}

           });

    });

}

 HTML:

<table id="table1"> 

    //Пусть jQuery AJAX изменит этот текст  

</table>

<button id='getRecords'>Получение записей</button>

 

Ответ 4

<html>

<!--Save this as index.php-->

      <script src="//code.jquery.com/jquery-1.9.1.js"></script>

        <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>

     <script type="text/javascript">

     $(document).ready(function() {

        $("#display").click(function() {                

          $.ajax({    //создайте ajax-запрос к файлу display.php

            type: "GET",

            url: "display.php",             

            dataType: "html",   // ожидайте возвращения html                

            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>

<?php

// сохраните это в display.php

    // отображение ошибок 

error_reporting(E_ALL);

ini_set('display_errors', 1);

    // ошибки заканчиваются здесь 

// вызов страницы для подключения к базе данных

require_once('dbconnector.php');

?>

<?php

$get_member =" SELECT 

empid, lastName, firstName, email, usercode, companyid, userid, jobTitle, cell, employeetype, address ,initials   FROM employees";

$user_coder1 = $con->prepare($get_member);

$user_coder1 ->execute();

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($row =$user_coder1->fetch(PDO::FETCH_ASSOC)){

$firstName = $row['firstName'];

$empid = $row['empid'];

$lastName =    $row['lastName'];

$cell =    $row['cell'];

    echo "<tr>";

    echo "<td align=center>$firstName</td>";

    echo "<td align=center>$empid</td>";

    echo "<td align=center>$lastName </td>";

    echo "<td align=center>$cell</td>";

    echo "<td align=center>$cell</td>";

    echo "</tr>";

}

echo "</table>";

?>

<?php

// сохраните это в dbconnector.php

function connected_Db(){

    $dsn  = 'mysql:host=localhost;dbname=mydb;charset=utf8';

    $opt  = array(

        PDO::ATTR_ERRMODE            => PDO::ERRMODE_EXCEPTION,

        PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC

    );

    #echo "Да, мы подключены ";

    return new PDO($dsn,'username','password', $opt);

}

$con = connected_Db();

if($con){

//echo "успешное соединение ";

}

else {

//echo "ошибки при соединении ";

exit();

}

?>

 

Схожие статьи

Web

Как получить ID последней обновленной строки в MySQL

Web

Как загрузить файл с помощью библиотеки Java HttpClient, работающей с PHP

Web

PHP валидация/регулярное выражение для URL

Web

Отображение JSON с помощью PHP

×