如何从html页面中的ajax返回json数据

时间:2013-12-01 06:56:18

标签: javascript jquery html ajax json

我如何在html page.i中返回我的json数据。在js文件中有这段代码

$.ajax({
  url : 'auth.json',
  type: "GET",
  dataType : "jsonp",
 success: function(result) {
    $.each(result, function(i, v) {
        // For each record in the returned array
        $('#div_id').append(v.room_id); 
    });

和index.html是

<!DOCTYPE html>
<html>
    <title>AjaxCall</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="ajax.js"></script>
    <body>
        <div id="room_id">
        </div>
    </body>
</html>

我有json文件。但我不知道我是怎么做到的。请求帮助我。谢谢你!

1 个答案:

答案 0 :(得分:0)

您的代码看起来不完整。你也应该使用div ID“room_id”而不是错误的“div_id”。

$.ajax({
   url : 'path\auth.json',
   type: "GET",
   dataType : "json",
   success: function(result) {
      $.each(result, function(i, v) {
         $('#room_id').append(v.room_id); 
      });
   }
});