jQuery从ajax加载的内容中替换字符串

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery从ajax加载的内容中替换字符串相关的知识,希望对你有一定的参考价值。

我正在尝试将一个字符串的所有实例替换为另一个字符串。这是我到目前为止:

我通过ajax加载模板html文件,这是内容:

<div style="background-image:url({URL}/photo.png)">
    <div>
        <p>
           <h1>
             <a href="{URL}">link 1</a>
           </h1>
        </p>
        <a href="{URL}">link 2</a>
    </div>
</div>

所以基本上我需要用实际的url替换{URL}的所有实例。

我试过这样的事情:

$.get("template.html")
    .done(function(data) {
        data.replace("/{URL}/g", "http://example.com");
});

要么:

$.get("template.html")
    .done(function(data) {
        $(data).html($(data).html().replace("{URL}", "http://example.com"));
});

但它们都不起作用。

答案

使用全局替换的正确语法不是data.replace("/{URL}/g", "http://example.com");正确的语法是:data.replace(/{URL}/g, "http://example.com");

我尝试了下面的代码,它按预期工作:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript">
        $().ready(function () {
            $.get("template.html", )
                .done(function (data) {
                    data = data.replace(/{URL}/g, "http://yourdomain.com");
                    $("#content").html(data);
                                });
                });

    </script>
</head>
<body>
    <div id="content"></div>
</body>
</html>

以上是关于jQuery从ajax加载的内容中替换字符串的主要内容,如果未能解决你的问题,请参考以下文章

用jQuery替换内容会导致IE8中的内存泄漏吗?

jQuery 用另一个 DOM 完全替换元素的 DOM - 更快的方法?

jquery mobile listview使用ajax动态加载后,跳转到其他页面返回时数据没有保存如何解决?

使用jQuery的ajax获取带参数的请求,返回页面内容

关键词搜索&分页功能的前端代码(ajax + jQuery)

使用 AJAX 加载内容后无法播放音频