JavaScript从rest API获取JSON而无需重新呈现页面

Question

问题

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

是否有从休息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/

请求网址示例：

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

Answer 1

请记住，在调用jsonp apis时，您必须在网址中添加其他参数：callback=?

这里有一个简单的小提琴作为例子： http://jsfiddle.net/8DXxN/