网页内容未通过json功能更新(数据)

时间:2014-12-15 16:15:43

标签: php html json

我正在尝试在数据库中插入一些数据并且返回一个json对象无效之后动态更新网页。

我们说我有

<div id="try1"> try(<span id="votes1">0</span>)</div>

当loeaded页面显示当前的投票数,(0)此刻。

然后我有一个按钮

<button  onclick="vote(1);">+</button>

调用此函数:

function vote(votes_id)
{

  var div = 'try' +votes_id;

  var url = 'vote.php?id=' +votes_id;

  var destination = '#votes' +votes_id;

  $.getJSON( url, function(data) {
    $(destination).html (data.votes);

  }); 

}

我的vote.php返回此json或正确更新数据库后,或者至少这是我的想法

{"votes":"1"}

但是我的网页没有从0更新为1,

我使用$data = json_encode($data);

其结果为var_dump:

string '{"votes":"1"}'

{"votes":"1"}

as echo $ data。

我可能错过了什么?

1 个答案:

答案 0 :(得分:0)

那是因为你把他成功的回调放在了错误的地方。

使用:

function vote(votes_id)
{

  var div = 'try' +votes_id;

  var url = 'vote.php?id=' +votes_id;

  var destination = '#votes' +votes_id;

  $.getJSON( url, {}, function(data) {
    $(destination).html (data.votes);

  }); 

}