Charset changes in nested html

Question

I load an HTML file using jQuery.load(test.html). But when I do, the charset changes from UTF-8 to something that doesn't know umlauts (ä,ö,ü). Text in the root HTML file appears to be displayed correctly.

My header in the root html-file is:

<html lang="de">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Hotspot Nöttingen</title>
    <meta name="description" content="Alle Termine, Berichte und Aktuelles vom Hotspot" />
    <meta name="keywords" content="just, some, keywords" />
    <meta name="language" content="de" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <link rel="stylesheet" type="text/css" media="(max-width: 500px)" href="css/mobile.css" />
    <link rel="stylesheet" type="text/css" media="(min-width: 500px)" href="css/style.css"  />

    <script type="text/javascript" src="js/jquery.js"></script>     
    <script type="text/javascript" src="js/script.js"></script>

</head>

The child html-file starts with:

<html lang="de">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="language" content="de" />       
</head>

EDIT: I am now using $.ajaxSetup() to set the charset before loading:

// Load site
$.ajaxSetup({
    "beforeSend" : function(xhr) {
        xhr.overrideMimeType("text/html; charset=UTF-8");
    },
});
$("#load_container").load(site, function() {
    $(".pending").hide();
});

This is what I get:

score 0 · Answer 1 · answered Apr 16 '16 at 12:20

0

Do you have access to change encoding type of child html file.

answered Apr 16 '16 at 12:20

user3045179

321
4
20

I guess so. But how do I find out? – Julisch Apr 16 '16 at 12:22
use ajaxsetup if you want to change encoding as suggested in below query http://stackoverflow.com/questions/12272653/jquery-load-method-charset – user3045179 Apr 16 '16 at 12:31

score 0 · Accepted Answer · answered Apr 16 '16 at 13:53

0

I finally figured out what the problem has been:

I'd written the child HTML using Notepad++ with ANSI. But the root HTML was written in UTF-8. So the problem was the editor setting.

answered Apr 16 '16 at 13:53

Julisch

308
1
16

Charset changes in nested html

2 Answers2