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;
}

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

我试过的

我无法返回我的json对象

从外部URL获取JSON数据并将其作为纯文本显示在div中

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 apis时，你必须在url中添加一个额外的参数： callback=?

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