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/