как использовать 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, не работает. |
Цитата:
|
Цитата:
|
тоесть? тот код что выше идет в самом конце, куда его еще
вот так
...
$("p").click(function(){
alert();
});
</script></body></html>
|
после того как пришел ответ ajax и добавили html $("#blog").append(...
|
и куда строку кода та вставлять эту? она же и так в самом конце
|
$.getJSON('test.json', function(data) {
// ... js код, который добавляет html
// здесь этот html уже доступен для назначения обработчиков
});
// здесь html, который будет добавлен в обработчике выше, еще нет
|
ну если даже клик работает, то
$("p").click(function(){
$(".readmore").dialog();
});
диалог не открывает |
ну что, никто не знает как сделать, чтобы клик работал?
|
| Часовой пояс GMT +3, время: 14:15. |