.js 文件和 jQuery AJAX 方法

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); 
});

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

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

.js 文件和 jQuery AJAX 方法

.js files and the jQuery AJAX Method

javascript

ajax

jquery

json

stringify