2015-08-16 2 views
-2

Я совершенно не знаком с форматом JSON, поэтому, вероятно, это очень общий вопрос, и я даже не уверен, что это правильный путь.Публикация через json и jquery

Что я хотел бы сделать, это написать файл JSON с некоторым текстом в нем, что-то вроде списка разговоров.

var conversations = [ 
    one [{ 
     "you":"Hello", 
     "him":"Hey there" 
     }], 
    two [{ 
     "you":"Hello on this second one", 
     "him":"Hey there how are you" 
    }] 
]; 

затем, на PageLoad, загрузите случайный разговор на моем индексе PHP (я могу использовать JQuery). Для меня важно отправить содержимое you/me в некоторые конкретные div.

случай использования будет: страница нагрузки, выбирает случайным образом разговор one и делает это на моей странице

<div class="you">Hello</div> 
<div class="him">Hey there</div> 

Могу ли я каким-либо образом в правильном направлении? любые предложения или ресурсы, которые я могу изучить, чтобы иметь что-то вроде этого? Любые подсказки или code с благодарностью :) спасибо

+1

Ваш пример будет javascript-файлом, а не файлом, содержащим json. Но для хранения данных я бы рекомендовал базу данных вместо json/text/javascript. И вы можете делать то, что хотите делать как на стороне сервера (php), так и на стороне клиента (js/jQuery). – jeroen

+0

@jeroen спасибо! На самом деле это небольшой проект, который мне не нужен. файл javascript подойдет лучше? Как это сделать? – valerio0999

+1

Извините, но есть много причин, чтобы закрыть этот вопрос (слишком широкий, основанный на мнениях, запрашивающий ресурсы за пределами площадки ...). Вы должны дать ему попробовать и отправить назад, когда вы столкнетесь с конкретной проблемой. – jeroen

ответ

0

Это то, что вы ищете?

<div id="you"></div> 
<div id="him"></div> 

<script> 
    var conversations = [ 
     { 
      you:"Hello", 
      him:"Hey there" 
     }, 
     { 
      you:"Hello on this second one", 
      him:"Hey there how are you" 
     } 
    ]; 

    // random number from 0 to 1 
    var random = Math.floor((Math.random() * 2)); 

    var you = document.getElementById('you'); 
    var him = document.getElementById('him'); 

    you.innerHTML = conversations[random]['you']; 
    him.innerHTML = conversations[random]['him']; 
</script> 

https://jsfiddle.net/vjdkLcvq/

0

Я согласен с вами. Я всегда предпочитаю JSON вместо базы данных. Специально для проекта разговора, подобного вашему. Более читабельны, легко редактировать и т. Д.

вот json-файл, в котором я сохраняю текстовые разговоры.

messages.json

{ 
"1442831655": { 
    "writtenFrom": "tom", 
    "line1": "tom writing to jim." 
} 

action.php

$fileName = "./data/messages.json"; 
    $str_data = file_get_contents($fileName); 
    $data = json_decode($str_data,true); 

    echo json_encode($data); 

index.php

...<script src="../public/js/jquery-2.0.3.min.js"></script> 
<script src="ad.js"></script>... 

ads.js

$(document).ready(function(){ 

showInbox(authUser); 

}); 

Просто отправьте вам несколько идей. Весь сценарий намного сложнее. (PHP, AJAX, JSON)

Смежные вопросы