ajax请求本地json文件跨域

在web开发中，经常需要用ajax请求本地的json文件，但有时可能会遇到跨域问题。

跨域问题是由浏览器的同源策略导致的。同源策略是指，浏览器只允许js访问本域下的资源，所以如果需要在浏览器中跨域访问资源，就需要一些特殊的处理。

在ajax请求本地json文件，可以通过本地代理服务器来避免跨域问题。在这里我们使用Python中的Flask框架来模拟本地代理服务器：

from flask import Flask
from flask import jsonify

app = Flask(__name__)

@app.route('/get/json')
def getJson():
    data = {
        "name": "Tom","age": 20,"gender": "male"
    }
    return jsonify(data)

if __name__ == '__main__':
    app.run(host='0.0.0.0',port=5000)

上述代码中，我们通过Flask框架搭建了本地代理服务器，并定义了一个返回json数据的接口。在访问这个接口时，我们可以通过'/get/json'路径来获得数据。

现在我们可以通过ajax来获取这个本地json文件：

$.ajax({
    url:"http://localhost:5000/get/json",dataType:"json",success:function(data){
        console.log(data);
    }
});

现在我们成功地请求了本地json文件并打印了返回的数据。

总之，通过使用本地代理服务器，我们可以轻松地请求本地json文件并避免了跨域问题的麻烦。