Question

我正在开发一个项目，我正在尝试使用API构建一个随机引用机器（我正在使用Quotesondesign）。代码我似乎没问题，但我在输出中得到了无法识别的符号。不知道它来自哪里。

所以我的问题是：我的代码有问题还是API问题？

我的HTML是：

<div class="container-fluid row text-center">
  <div class="col-xs-12 well message">
    Your quote
  </div>
  <div class="col-xs-12">
    <button id="getMessage" class="btn btn-primary">
        Get Quote
      </button>
  </div>
</div>

我的JS是：

  $(document).ready(function() {

    var url = "http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1";
    $("#getMessage").on("click", function() {

      $.getJSON(url, function(json) {

        $(".message").html(JSON.stringify(json[0].content + json[0].title));

      });

    });
  });

我得到的是什么

"
If you never want to be criticized, for goodness’ sake don’t do anything new.
\nJeff Bezos"

这些“和\ n不应该在这里

Answer 1

API包含HTML标记和转义的换行符。报价来自您的stringify。

看你自己： http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1

您可以使用jQuery删除HTML和特殊字符：

var content = $(json[0].content).text();
var title = $(json[0].title).text();

输出中无法识别的字符

1 个答案: