php 设置div内容为空,php – 使用jquery创建动态div内容

我希望在我的网站上放置一个div,根据点击的链接更改内容而不刷新.放在那里的内容来自MySQL数据库,它放在JSON中.

我的问题是单击链接时无法显示JSON数据.

这是我正在使用的脚本：

$(document).ready(function () {

$.getJSON("jsondata.php",rightSideData);

function rightSideData(data) {

for(var i=0; i

$("#changetext"+data[i].id).click(function() {

$("#rightside").html("

" + data[i].title + "

});

}

}

});

这是必须更改的div元素：

Test

链接以这种方式构造：

echo " ";

echo "

";

echo "

Tile

";

我已经测试了不同的元素并且它们工作正常(使用硬编码数据更改div内容,显示JSON数据),但是我很难弄清楚为什么组合的东西不起作用.

解决方法:

对象没有长度,使用$.each来代替它,除非它实际上是一个包含对象的数组：

$(document).ready(function () {

$.getJSON("jsondata.php",rightSideData);

function rightSideData(data) {

$.each(data, function(i, d) {

$("#changetext" + d.id).on('click', function() {

var h1 = $('

', {text : d.title}),

p = $('

$("#rightside").html(h1.add(p));

});

});

}

});

标签：jquery,json,php

来源： https://codeday.me/bug/20190520/1142504.html