Как загрузить данные, используя jQuery и JSON? - PullRequest
Новая
       5

Как загрузить данные, используя jQuery и JSON?

0 голосов
/ 25 октября 2010

Я хочу загрузить данные из базы данных MySQL на страницу PHP, используя jQuery и JSON.Когда пользователь выбирает имя из поля выбора, он загружает данные человека в текстовое поле.

Это мой HTML-код (выбрать) 

<select name='name' id='name'>
    <option value='1'>John</option>
    <option value='2'>Marco</option>
    <option value='3'>Charles</option>
</select>

Текстовое поле, которое я хочудля заполнения данными о человеке: 

<input type='text' name='firstname' value='' id='firstname'/>
<input type='text' name='phonenum' value='' id='phonenum'/>

getpersonData.php 

<?php
    include('dbconfig.php');
    $id = $_POST['id'];
    $query = "select * from person where ID='$id'";
    $result = mysql_query($query);
    $data = mysql_fetch_array($result);

    echo json_encode($data);
?>

Вызов Ajax: 

$.ajax({
    type: "POST",
    async : false,
    url: 'http://test.com/getpersonData.php',
    dataType: 'json',
    data : {
        id : $("#id").val(),
    },
    success : function(data) {
        //What to insert here?        
    },
    error : function(XMLHttpRequest, textStatus, errorThrown) {
        alert(XMLHttpRequest + " : " + textStatus + " : " + errorThrown);
    }
});

Какой код следует использовать для success функция?

Ответы [ 3 ]

3 голосов
/ 25 октября 2010

Во-первых, вы должны установить заголовок Content-type прямо перед тем, как повторить ваш json_encode в getpersonData.php: 

header("Content-type: application/json");
echo json_encode($data);

В вашей функции успеха вы должны сделать что-то вроде: 

$("#firstname").val(data.firstname); //firstname is the key of the user's firstname from your mysql query
1 голос
/ 25 октября 2010

Я угадываю имена столбцов вашей БД здесь, но может быть что-то вроде этого 

$('#firstname').val(data.firstname);
$('#phonenum').val(data.phonenum);
0 голосов
/ 05 ноября 2012

getpersonData.php 

<?php
include('dbconfig.php');
$id = $_POST['id'];
$query = "select * from person where ID='$id'";
$result = mysql_query($query);
$data = mysql_fetch_array($result);

header("Content-type: application/json");
echo json_encode($data); ?>

основной файл 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Load JSON data through jQuery and PHP </title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
        load_data($('#name').val());
    $('#name').change(function(){
        load_data($('#name').val());
    });
});
function load_data(personid)
{
       $.getJSON("getpersonData.php", {id: personid}, function(data){
           $('#firstname').val(data['firstname']);
        $('#phonenum').val(data['phonenum']);
     });    
}
</script>
</head>
<body>
<select name="name" id="name">
<option value='1'>John</option>
    <option value='2'>Marco</option>
    <option value='3'>Charles</option>
</select>
   <input type='text' name='firstname' value='' id='firstname'/>
<input type='text' name='phonenum' value='' id='phonenum'/>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...