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

JavaScript get JSON from rest API without re-rendering the page

本文关键字：新渲染 rest API 获取 JSON JavaScript      更新时间：2023-09-26

问题

我正在尝试用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;
}

搜索词来自一个简单的输入表单，当单击提交按钮时就会提交。我的目标是将这个网页保持为一个单独的页面，避免出现结果页面。

我尝试过的

我可以'；t返回我的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=受欢迎程度&key＝84LTHNZQ1364W14D&format=json

请记住，在调用jsonp api时，必须向url添加一个附加参数：callback=?

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

相关文章：