Question

好的，所以我有这个脚本将搜索框的输入提交到.php并在jquery中返回一个JSON对象。我现在怎样才能改变div的内容。返回的JSON对象如下所示：

{"0":"Aardappelen rauw","voedsel":"Aardappelen rauw","1":"88","calorien":"88"}

我怎么能说'Aardappelen rauw'应该在div1中，例如div 2中的88？我尝试使用data.voedsel和data.calorien，但这不起作用..

头部：

<script type="text/javascript">
function contentDisp()
{

$.ajax({
  type: 'POST',
  url: 'getFood.php',
  data: {'foodnametextbox' : $('#food').val() },
  datatype: "json",
  success: function(data){ 

    $('.second').replaceWith(data);

  }
});


}
</script>

身体：

<div class="container">
  <div class="inner first">Hello</div>
  <div class="inner second">And</div>
  <div class="inner third">Goodbye</div>
</div>

Answer 1

dataType: 'json'应自动调用parseJSON。那么你应该能够data['0']（或data.voedsel）来获得'Aardappelen rauw'。

编辑：将datatype: "json"更改为dataType: "json"。 'type'中的't'需要是资本。

Answer 2

您可以使用.parseJSON() http://api.jquery.com/jQuery.parseJSON/

Answer 3

replaceWith采用HTML字符串，DOM元素或jQuery对象。 JSON数据对象既不是那些。我的猜测是你想要这样的东西：

$('.second').text(data["0"]);

编辑：不要使用eval 。你的ajax选项是错误的。它必须是dataType: 'json'。注意大写T。

使用JSON对象问题

3 个答案: