Загрузка данных в текстовые поля через jQuery / AJAX / JSON - PullRequest
Новая
       1

Загрузка данных в текстовые поля через jQuery / AJAX / JSON

0 голосов
/ 28 июня 2011

У меня есть эта страница с переменным количеством текстовых полей, каждое из которых называется item_####, где #### - это идентификатор элемента, который представляет текстовое поле. Я хотел бы автоматически заполнить эти поля количеством товара на складе после того, как пользователь нажмет кнопку. Возврат JSON выглядит следующим образом: [#### : 45], [#### : 62] (обратите внимание на отсутствие item_ в ключе)

У меня возникают проблемы с работой над тем, как загрузить эти данные в несколько текстовых полей на основе возвращенных результатов сценария php. Я бы предположил, что цикл будет в порядке, однако я чрезвычайно новичок в Javascript и jQuery, поэтому я теряюсь, когда дело доходит до динамической загрузки этого содержимого ...

1 Ответ

0 голосов
/ 28 июня 2011

Формат данных не ясен, но вы можете сделать что-то вроде этого: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>Simple JSON</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="generator" content="Geany 0.20" />
    <script type="text/Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/Javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
    <script type="text/Javascript">
        $(document).ready(function(){
            $('[name="button"]').click(function(){
                $.get('json.php',function(data){
                    data = $.parseJSON(data);
                    $.each(data,function(i,v){                      
                        $('[name="item-'+i+'"]').attr('value',v);
                    });
                });
            });
        });
    </script>
</head>

<body>
    <input name="text-1" />
    <input name="text-4" />
    <input name="button" type="button" value="update" />
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...