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 用另一个 DOM 完全替换元素的 DOM - 更快的方法?
jquery mobile listview使用ajax动态加载后,跳转到其他页面返回时数据没有保存如何解决?