使用jquery加载外部html内容 - 使用拉丁扩展字符

时间:2012-07-01 15:17:57

标签: jquery html ajax encoding escaping

我有一个小的jquery脚本,它允许我通过点击具有ID相等的Li元素来加载外部html内容,例如HTML文件中的部分内容被加载到特定div中作为结果但是我有编码问题(扩展拉丁字符)。有谁知道如何解决这个问题。

下面是关于非工作JSFiddle的链接,因为我不能从我的服务器加载JSFiddle中的内容,但一切都在那里。

这是JSFiDDLE: http://jsfiddle.net/QQz5W/

小提琴中缺少的部分代码实际上是需要加载的html文件,其中包含带拉丁扩展字符的文本。

以下是该部分:

 <div id="section_first">
        <div class="LeftDiv">
            <h2>Opći uvjeti za montiranje drvenih podnih obloga</h2>
        </div>

            <h3>1. PRIJE POLAGANJA</h3>
            <p><b>1.1. Dozvoljena vlažnost podloge:</b><br>
            - cementna košuljica do 2,0%, cementna košuljica s podnim grijanjem do 1,8%<br>
            - anhidridna košuljica do 0,5%, anhidridna košuljica s podnim grijanjem do 0,3%<br>
            - ploče od iverice 9+4% / 8+2%</p>
    </div>
<div id="section_second">
        <div class="LeftDiv">
            <h2>Title</h2>
        </div>
<p><b>bla bla čćšđž ČĆŽŠĐ</b></p>
    </div>

我试图添加

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="hr" http-equiv="Content-Language" />
</head>

到那个html文件,但似乎在加载时忽略了这个部分。

1 个答案:

答案 0 :(得分:1)

加载内容(尝试utf-8或ISO-8859-1):

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

$.ajax({
    type: "GET",
    url: "test.html #section_first",

    /* VERY IMPORTANT */
    contentType: "application/x-www-form-urlencoded; charset=utf-8",// or ISO-8859-1

    success: function(data){
           content.html(data);        
           hideLoading();           
    }
});