嗨我怎么能从一个URL使用JavaScript获取JSON

-2

我想建立一个浏览器扩展与关键功能，包括从HTML页面获取文本输入，并用URL连接并从该连接的URL获取JSON。嗨我怎么能从一个URL使用JavaScript获取JSON

我想知道如何使用JavaScript从一个URL获取json到一个变量。

这是获取用户插入文本的html脚本。

<html> 
<body> 
<input type="text" id="search" name="Name" maxlength="10" class="searchField" autocomplete="off" title="" ><br> 
    </p> 
</form> 
<p align="center"> 
<button type="button" id="srchbutton" style="background-color:Thistle;margin-left:auto;margin-right:auto;display:block;margin-top:22%;margin-bottom:%"> Search</button> 
</p> 
<script language="javascript" type="text/javascript" src="thanq.js"> 
    var button= document.getElementById('srchbutton'); 
    button.onclick= linkprocess(); 
    console.log("hi there"); 
</script> 
</body> 
</html>

这是我尝试从URL访问json的JavaScript。

var oldlink='URL'; 
var newlink; 
function linkprocess(links){ 
    var text= document.getElementById('search'); 
    newlink=oldlink+text; 
    GetJson(newlink); 
    console.log(newlink); 
}

来源

2017-01-10 Abdul Rahim A

你需要什么浏览器支持？ –

试试这个'$ .getJSON（'newlink'，function（data）{ console.log（data） }）' –

使用jQuery的'$ .getJSON（）'或学习原始的'XMLHttpRequest's，这就是我建议你是否在学习。 – PHPglue

您可以在纯javascript中使用xmlhttp请求来执行此操作。看看这个W3学校的文章：JSON Http Request

为了简化代码编写，你可以jQuerys $ .get（）或$ .ajax（）方法，一旦你适应机制。

来源

2017-01-10 09:26:58 hairmot

或者你可以使用现代化的fetch API，e.g：

const searchVal = document.getElementById('search').value; 

fetch('http://someprefix/' + searchVal) 
    .then(response => response.json()) 
    .then(data => { 
    console.log('Fetched:', data); 
    }) 
    .catch(err => { 
    console.error('Fetch error:', err); 
    });

来源

2017-01-10 09:33:38

只是不要指望它在许多浏览器上工作。 – PHPglue

是的，你可以加载一个polyfill - https://github.com/github/fetch，但是这看起来更像是一个实验，而不是产品代码 –

@PHPglue - 它在IE中本身不工作，而“新IE “，这是Safari - 否则支持是非常普遍的 –

嗨我怎么能从一个URL使用JavaScript获取JSON

回答

相关问题