Javascript 如何从输入字段的url加载json？_Javascript

Javascript 如何从输入字段的url加载json？

javascript

Javascript 如何从输入字段的url加载json？,javascript,Javascript,本教程页面在页面加载时从硬编码URL加载json：如何在页面中添加输入字段并将相同的url粘贴到该字段中，并在离开输入字段焦点（或单击按钮）时将该信息加载到页面上，从而实现相同但动态的效果 <html> <body> <script src="script.js"></script> <input onblur="loadJson(event.target.value,'output')"/> <p

本教程页面在页面加载时从硬编码URL加载json：

如何在页面中添加输入字段并将相同的url粘贴到该字段中，并在离开输入字段焦点（或单击按钮）时将该信息加载到页面上，从而实现相同但动态的效果

<html>
   <body>
    <script src="script.js"></script>
    <input onblur="loadJson(event.target.value,'output')"/>
    <p id="output"></p>
  </body>
</html>

请试用此repl.it：

希望对您有所帮助

html:

<html>
   <body>
    <script src="script.js"></script>
    <input onblur="loadJson(event.target.value,'output')"/>
    <p id="output"></p>
  </body>
</html>

请试用此repl.it：

希望它有帮助

最简单的方法是使用

try…catch

，否则代码将导致语法错误：

//{
getRaw=（url、成功、失败）=>{
const x=新的XMLHttpRequest；
x、 打开（'GET'，url）；
x、 onload=（）=>{
if（success）success（x.responseText）；
}
x、 onerror=（）=>{
如果（失败）失败（“xhr失败”）；
}
x、 send（）；
}
doc=document；html=doc.documentElement；bod=doc.body；nav=navigator；M=tag=>doc.createElement（tag）；I=id=>doc.getElementById（id）；
mobile=nav.userAgent.match（/Mobi/i）？真：假；
S=（选择器，在范围内）=>{
var w=在| | doc内；
返回w.querySelector（选择器）；
}
Q=（选择器，内部）=>{
var w=在| | doc内；
返回w.querySelectorAll（选择器）；
}
//这就是魔法发生的地方
常数测试=I（‘测试’），对接=I（‘对接’）；
butt.onclick=（）=>{
console.clear（）；
getRaw（test.value，res=>{
试一试{
const obj=JSON.parse（res）；
控制台日志（obj）；
}
捕获（e）{
控制台日志（e.message）；
}
}，err=>{
控制台日志（err）；
});
}
}); // 端荷载
//]]>

/*css/external.css*/
*{
框大小：边框框；填充：0；边距：0；字体大小：0；溢出：隐藏；
}
html，body，.main{
宽度：100%；高度：100%；背景：#ccc；
}
梅因先生{
填充：10px；字体大小：18px；
}
输入{
宽度：100%；高度：38px；背景：#fff；颜色：#000；字体：粗体22px塔荷马，日内瓦，无衬线；填充：5px；边框：1px实心#147；边框半径：3px；
}
#屁股{
背景：线性渐变（#1b7bb，#147）；颜色：#fff；边框：0；边框顶部：7px；边框半径：5px；
}


标题在这里

最简单的方法是使用

try…catch

，否则代码将导致语法错误：

//{
getRaw=（url、成功、失败）=>{
const x=新的XMLHttpRequest；
x、 打开（'GET'，url）；
x、 onload=（）=>{
if（success）success（x.responseText）；
}
x、 onerror=（）=>{
如果（失败）失败（“xhr失败”）；
}
x、 send（）；
}
doc=document；html=doc.documentElement；bod=doc.body；nav=navigator；M=tag=>doc.createElement（tag）；I=id=>doc.getElementById（id）；
mobile=nav.userAgent.match（/Mobi/i）？真：假；
S=（选择器，在范围内）=>{
var w=在| | doc内；
返回w.querySelector（选择器）；
}
Q=（选择器，内部）=>{
var w=在| | doc内；
返回w.querySelectorAll（选择器）；
}
//这就是魔法发生的地方
常数测试=I（‘测试’），对接=I（‘对接’）；
butt.onclick=（）=>{
console.clear（）；
getRaw（test.value，res=>{
试一试{
const obj=JSON.parse（res）；
控制台日志（obj）；
}
捕获（e）{
控制台日志（e.message）；
}
}，err=>{
控制台日志（err）；
});
}
}); // 端荷载
//]]>

/*css/external.css*/
*{
框大小：边框框；填充：0；边距：0；字体大小：0；溢出：隐藏；
}
html，body，.main{
宽度：100%；高度：100%；背景：#ccc；
}
梅因先生{
填充：10px；字体大小：18px；
}
输入{
宽度：100%；高度：38px；背景：#fff；颜色：#000；字体：粗体22px塔荷马，日内瓦，无衬线；填充：5px；边框：1px实心#147；边框半径：3px；
}
#屁股{
背景：线性渐变（#1b7bb，#147）；颜色：#fff；边框：0；边框顶部：7px；边框半径：5px；
}


标题在这里