html+jquery 头部和底部html文件公用引入出现乱码？

Question

所有页面均使用gb2312编码格式编码，现需要头部和顶部公共出去引入

<div id="heads"></div>

<div id="footer"></div>

// 引入头部
$.get("/head.html",function(data){
      $("#heads").html(data); 
});
// load方法引入一样乱码
//  $("#heads").load("/head.html");

//引入底部
$.get("/footer.html",function(data){
      $("#footer").html(data); 
});

因为所有css是使用样式文件写入，所以不使用iframe引入文件
现在引入的head.html和footer.html均为乱码

是否可以转码或者有其他解决方案？

感谢！在评论区大佬的帮助下已解决，以下为解决方法：

$(function(){
    $.ajaxSetup({
        'beforeSend': function(xhr) {
            xhr.overrideMimeType("text/plain; charset=gb2312")
        }
    })

    // 注意！页面引入需写在ajaxSetup加载完成后
    $.get("/head.html",function(data){
        $("#heads").html(data); 
    });
    $.get("/footer.html",function(data){
        $("#footer").html(data);
    });
});

参考链接为：https://www.cnblogs.com/xiong...

Answer 1

编码建议使用utf-8 万国码, 不至于外国网友打开都是框框

检查一下这几个点

1. 网页编码是否一致
2. 文件编码是否一致, 编辑器有查看和修改文件编码的功能
3. 如果涉及数据库查询, 数据库编码是否一致

Answer 2

后端返回的数据格式不匹配吧

Answer 3

查了下, jquery ajax可以scriptCharset或contentType来设置编码.

$.ajax({ 
      url: testUrl, 
      dataType: 'jsonp', 
      type: 'post', 
      scriptCharset: 'gb2312'
    });

https://blog.csdn.net/zaocha3...