html通过jQuery读取本地json文件

HTML本身并不直接支持通过jQuery来读取本地JSON文件，因为JavaScript的安全策略禁止浏览器直接从文件系统加载资源。然而，你可以借助一些技术绕过这个限制：

1. 使用`FileReader API`: jQuery配合`FileReader`可以读取本地文件，然后解析成JSON。首先创建一个`<input type="file">`元素让用户选择文件，然后异步读取文件内容。

$(document).ready(function() {
    $('#fileInput').change(function(e) {
        var file = e.target.files[0];
        var reader = new FileReader();
        reader.onload = function (e) {
            var jsonData = JSON.parse(reader.result);
            // 现在你可以处理读取到的JSON数据了
        };
        reader.readAsText(file);
    });
});

2. 利用`Blob`和`fetch`或`XMLHttpRequest`: 当然，更现代的方式是使用`fetch`请求，先将文件转化为`Blob`对象，再发送到服务器处理：

$(document).ready(function() {
    $('#fileInput').change(function(e) {
        var file = e.target.files[0];
        fetch(URL.createObjectURL(file))
            .then(response => response.json())
            .then(jsonData => {
                // json data is now available
            })
            .catch(error => console.error('Error:', error));
    });
});

这里`URL.createObjectURL()`用于生成临时URL，允许跨域访问。