在双引号中附加请求参数

Question

var base = "/some/url?search=";
var value = '"VALUE IN QUOTES"';
$('#inner').append('<a href=' + '/some/url?search=' + value + '>link</a>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="inner"></div>

嗨。

我的任务是添加一个双引号参数来请求url。结果 url 应该是

some/url?search="QUOTED VALUE WITH SPACES" "ANOTHER VALUE"

换句话说，它应该是一个带双引号的字符串。

感谢您的帮助。

Answer 1

你有两个问题。

要对数据进行编码，请使用 encodeURIComponent

var base = "/some/url?search=";
var value = '"VALUE IN QUOTES"';
var url = base + encodeURIComponent(value)

然后构建 DOM，使用 DOM 方法（或围绕它们的 jQuery 包装器）。 不要将字符串混在一起。

$('#inner').append(
    $("<a />").attr("href", url).text("link")
);

append request param in double quotes