ajax防止json被下载

AJAX是现代Web应用程序中经常用来实现动态交互的一种技术。然而，当使用AJAX从服务器获取JSON数据时，有时候会偶然发现浏览器下载JSON文件而不是展示它的内容。

这是因为浏览器错误地将响应标记为文件下载请求而不是AJAX响应。下面是一个简单的AJAX请求获取JSON数据的代码：

$.ajax({
  url: "example.com/data.json",dataType: "json",success: function(data) {
    console.log(data);
  }
});

为了防止JSON文件被下载，我们可以使用以下方法之一来纠正这个错误：

方法一：向服务器添加正确的CORS标头，以允许跨域AJAX请求。服务器端设置方法可以参考以下代码：

// Node.js服务器端示例代码
var express = require('express');
var app = express();

app.use(function(req,res,next) {
  res.header("Access-Control-Allow-Origin","*");
  res.header("Access-Control-Allow-Headers","Origin,X-Requested-With,Content-Type,Accept");
  next();
});

app.get('/data.json',function(req,res) {
  res.send({key: value});
});

app.listen(3000);

方法二：在AJAX请求中添加“Content-Type”标头为“application / json”：

$.ajax({
  url: "example.com/data.json",contentType: "application/json; charset=utf-8",success: function(data) {
    console.log(data);
  }
});

这样做后，浏览器将不会将响应标记为文件下载请求。