js json怎么引入
时间: 2023-09-12 08:07:58 浏览: 42
在JavaScript中,可以通过使用`XMLHttpRequest`对象或`fetch` API来获取JSON数据,并在代码中解析它。
如果你要在HTML文件中引入JSON数据,可以使用`<script>`标签,并将`type`属性设置为`application/json`,然后将JSON数据放在标签内,如下所示:
```html
<script type="application/json">
{
"name": "John",
"age": 30,
"city": "New York"
}
</script>
```
还可以使用`<link>`标签和`rel`属性设置为`preload`或`prefetch`来异步引入JSON文件,如下所示:
```html
<link rel="preload" href="data.json" as="fetch">
```
在JavaScript代码中,可以使用`fetch` API来获取JSON数据,如下所示:
```javascript
fetch('data.json')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
或者使用`XMLHttpRequest`对象来获取JSON数据,如下所示:
```javascript
const xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json');
xhr.onload = function() {
if (xhr.status === 200) {
const data = JSON.parse(xhr.responseText);
console.log(data);
} else {
console.error('Error retrieving JSON data');
}
};
xhr.send();
```
以上是JSON数据在JavaScript中的引入方法,希望能够帮到你。