Question

我有一个用json回复的搜索。我想要的是，JSON包含在我的HTML中，而不是在浏览器中显示

当我访问我的网站www.XXX.com/search/keyword时，它会回复这个json：

<form name="test" action="/" id="form"/>
  <input type="text" id="keyword" placeholder="search">
  <input type="submit" value="search">
</form>

等等（仅举例）

我的HTML看起来像这样：

<script type="text/javascript">
  var $action = document.getElementById("keyword").value;
  document.getElementById("form").action = 'www.XXX.com/search/' + $action;
</script>

然后我从表单中读取值并将其包含在我的JS操作中：

{{1}}

但现在它在我的浏览器中显示了JSON。我想要的是在我的HTML中包含JSON并显示值。如何从www.XXX.com/search/keyword中获取JSON并将其列在我的视图中？

致以最诚挚的问候，谢谢

Answer 1

您需要执行AJAX请求才能解决此任务。这意味着您必须异步提交表单，当请求完成时，它会给您一个响应，您必须将其插入页面的某个位置。

我不知道您有什么要求，但使用JQUERY框架可以做到这样的事情：

$.getJSON('www.XXX.com/search/'+ document.getElementById("keyword").value, function(data){
//data is your JSON that you receive
document.getElementById("Id_of_where_to_insert_in_html").innerHtml(data);

//Or you can do something with the data, like parsing , building html dinamically etc.
});

此外，你可以使用带有自动完成窗口小部件的JQUERY-UI来在关键字文本字段中写入时获得消息

从HTML中搜索嵌入JSON

1 个答案: