как использовать json
С json ничего не выходит. Надо типа новостей выводить.
Нигде ничего не нашел, единственное в примерах $.getJSON('ajax/test.json', function(data) { var items = []; $.each(data, function(key, val) { items.push('<li id="' + key + '">' + val + '</li>'); }); $('<ul/>', { 'class': 'my-new-list', html: items.join('') }).appendTo('body'); }); у меня сейчас такой файл: Код:
{ ну вообщем такой файл, я код вроде изменил, но он ничего не выводит $.getJSON('test.json', function(data) { var items = []; $.each(data.note, function(key, val) { items.push('<li id="' + key + '">' + val + '</li>'); }); $('<ul/>', { 'class': 'my-new-list', html: items.join('') }).appendTo('#blog'); }); мне надо сделать чтобы все записи выводились по шаблону, а нигде примера даже не нашел |
if (isset($_POST['some_ajx_data'])) { $_data = $_POST['some_ajx_data']; //TODO: save in db or else header('Content-type: application/json'); json_encode(array('result' => true)); } $.ajax({ url: 'ajax.php', data: {name: 'John'}, dataType: 'json', success: function(data) { try { alert('result of operation is:', data.result) } catch(e) { // error } finally { alert('ajax happened...'); } } }) JS не может открывать файлы, из-за безопасности(не считаю каких-то версий мозиллы). Идет запрос, приходит ответ. Не более и не менее. |
Цитата:
|
что-то ничего не понял во втором посте. php еще зачем-то.
если в test.json Цитата:
а если в нем Цитата:
|
мне надо просто вывести из файла аяксом новости (с jquery), неужели этого никто никогда не делал? нигде примера найти не могу
|
ниже простой вывод в html строку
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title> - jsFiddle demo</title> <script type='text/javascript' src='http://code.jquery.com/jquery-git.js'></script> <script> $(function(){ var data = { "note1": { "title": "Singular sensation", "text": "Beady little eyes", "date": "Little birds pitch by my doorstep", "comments": 1 }, "note2": { "title": "Singular sensation34", "text": "Beady li54ttle eyes", "date": "Little 65birds pitch by my doorstep", "comments": 2 } }; var htmlStr = '<ul>'; // здесь формируем html $.each(data, function(key, val) { htmlStr += '<li>' + key; htmlStr += '<ul>'; $.each(val, function(key, val) { htmlStr += '<li>' + key + ': ' + val + '</li>'; }); htmlStr += '</ul>'; htmlStr += '</li>'; }); htmlStr += '</ul>'; $('body').html(htmlStr); }); </script> </head> <body></body> </html> |
спасибо :)
|
еще что-то не получается
$.getJSON('test.json', function(data) { $.each(data, function(key, val) { $("#blog").append("<div class='bigblockcontent'><span class='title'><a href='/?do=news&id="+key+"'>"+val['title']+"</a></span><span class='date'>"+val['date']+"</span><span class='act'><ul><li>ответить</li><li>рассказать</li></ul><span class='open'><a href='{tweet_url}'>открыть</a></span></span><p class='text'>"+val['text'].substring(0,200)+"</p><p class='readnews'>"+val['text']+"</p></div>"); }); }); $("p").click(function(){ alert(); }); вот не работает на <p> которые добавляются в код с помощью функции выше alert(); да и вообще к стилям не могу применить .click(function() и к id, не работает. |
Цитата:
|
Цитата:
|
Часовой пояс GMT +3, время: 03:53. |