解析json并替换html

时间:2015-10-13 19:02:30

标签: json ajax

提交表单后,我会转到一个显示一些json数据的空白页面,例如:

一些错误

{"status":0,"message":"some error message here"}

或成功

{"status":1,"message":"You have been signed up!"}

我希望将span元素的内容替换为json数据中的消息。

span元素:

<span class="ladda-label" id="notice">Get notified!</span>

我的脚本位于我的jquery之后,如下所示

<script>
$(document).ready(function() {
  $.ajax({
  dataType: 'json',
  success: function( data ) {
    var prices = data.message;
    $('#notice').html(data.message);
 }
   });
 });
</script> 

我非常有信心我在这里没有做正确的事情。

1 个答案:

答案 0 :(得分:1)

...更加小心)

<script>
  $.ajax('/my-data-url',{
  dataType: 'json',
  success: function( data ) {
    var prices = data.message;

    //$('#notice').text -> html( message.data !!! -> data.message);

    $('#notice').html(data.message);
     },
  error: function() {
     console.log('connection error')
  }
  });
</script>