Данные JSON в HTML

#javascript #php #html #json #cordova

#javascript #php #HTML #json #кордова

Вопрос:

Я изучаю приложение phonegap, но у меня есть некоторые проблемы в процессе. У меня есть данные о MySQL, которые отображаются на странице PHP следующим образом:

1 Пользователь80 112

2 Пользователь23 22

3 Пользователь11 1

4 Пользователь7 1

5 Пользователь8 1

6 Пользователь4 1

7 Пользователь9 1

8 Пользователь5 1

9 Пользователь10 1

10 Пользователь6 1

……..

17 Логин пользователя 0

18 Пользователь22 0

Как преобразовать его в JSON и как сохранить его в localStorage и отобразить в HTML?

Кто-нибудь может мне помочь?

Ответ №1:

во-первых, если вы используете phonegap, вам нужно сделать ajax-запрос в javascript на ваш php-сервер для получения вашего списка пользователей, затем вы можете ввести свой html

смотрите: http://tournasdimitrios1.wordpress.com/2011/11/04/how-to-generate-json-with-php-from-mysql-and-parse-it-with-jquery/

Ответ №2:

 <body>
<div id="holder">
</div>
<script>
// Instead of writing HTML, write the JSON object to the page in PHP
var json = { users: [ 
    {id:1, name: 'user80'}, 
    {id:2, name: 'user23'}
] };
// Save the users to local storage
window.localStorage.users = JSON.stringify(json);
// Load json data from local storage
var loadedData = JSON.parse(window.localStorage.users);
// Render HTML from json data
var html = "";
for (var user in loadedData.users) {
  html  = loadedData.users[user].name   "<br/>";
}
document.getElementById("holder").innerHTML = html;
</script>
</body>

Ответ №3:

Основываясь на вашем описании, я думаю, что структура таблицы вашей базы данных выглядит следующим образом:

 ID | Username | IsLoggedIn (112, 22, are little bit confusing??)

выполните итерацию по вашей таблице и поместите все в один массив php (возможно, с объектами класса; так у вас будет лучшая структура json):

 //helper class
class dataset
{
    public $id;
    public $username;
    public $IsLoggedIn; // or something else
}

// .... iterating over table 
//export to json:
$output = json_encode($yourDatasetArray);


// a few other operations
//...
// output your json-string:
echo $output;

Последний пример кода также может быть использован в качестве серверной части для ajax-запроса (возможно, лучший метод при работе с json). Затем вы реализуете свой клиентский код, как @rob объяснил ранее.

Документацию о локальном хранилище, а также о сеансовом хранилище можно найти здесь: Документация MDN