JavaScript 从 REST API 获取 JSON，无需重新渲染页面

Question

问题

我正在尝试在 JavaScript 中查询 REST API 并使用 jQuery 解析结果并将结果插入到我的网页中。当进行查询时，我相信它会提交搜索表单并重新呈现页面，从而删除我刚刚查询和插入的所有元素。

有没有办法从 REST API 获取 JSON 对象而不重新渲染网页？

这是我用来提出请求的内容:

function get_data(){
    var url = "www.rest_api/search_term&apikey=My_Key"
    var xmlHttp = null;
    xmlHttp = new XMLHttpRequest();
    xmlHttp.open( "GET", url, false );
    xmlHttp.send( null );
    return xmlHttp.responseText;
}

搜索词来自一个简单的输入表单，并在单击提交按钮时提交。我的目标是将此网页保留为单个页面并避免结果页面。

我尝试过的

I can't return my json object

Get JSON data from external URL and display it in a div as plain text

http://api.jquery.com/jQuery.getJSON/

请求 URL 示例:

http://woof.magnify.net/api/content/find?vq=karma&per_page=5&page=1&sort=popularity&key=84LTHNZQ1364W14D&format=json

Answer 1

记住，在调用 jsonp api 时，您必须在 url 中添加一个附加参数:callback=?

这是一个简单的 fiddle 示例: http://jsfiddle.net/8DXxN/