Question

如果我有以下.js文件，如何使用jQuery AJAX方法调用它？我熟悉使用JSON文件，但这是一个.js文件，并且具有与JSON文件类似的语法，因此让我感到困惑。 JSON.stringify（）方法是解决方案的一部分吗？虽然这只是示例代码，但我最终会尝试根据年龄创建单独的数组，但这不应该影响原始问题。

these_records = [
  {
    "name": "sarah",
    "age": "50"
  },
  {
    "name": "mary",
    "age": "40"
  }
]

Answer 1

不需要jQuery。不需要Ajax。只需加载并使用它。

<script src="records.js"></script>
<script>
    alert(these_records[0].name);
</script>

Answer 2

通常，您执行此操作的唯一原因是您使用临时模型数据代替API服务。

您仍然可以通过AJAX访问该文件的内容。

$.ajax({
  url: "path/to/file.js",
  dataType: "script",
  success: function(data){
    console.log(data.name);
  }
});

甚至通过$.getScript()：

$.getScript("path/to/file.js", function( data ) {
  console.log(data.name); 
});

此外，您不需要将数组定义为变量。如果要返回多个结构，那么作为嵌套数组会更好。

{ 
  'these_records' : { 
    { 
      "name": "sarah",
      "age": "50" 
    },
    { 
      "name": "mary",
      "age": "40" 
    }
  }
  "other_records": {
    { 
      "name": "bob",
      "age": "50" 
    },
    { 
      "name": "bobert",
      "age": "40" 
    }
  }
}

.js文件和jQuery AJAX方法

2 个答案: