Javascript $.getJSON请求在单击按钮时不起作用
我试图找到解决这个问题的办法,但我现在不知所措。我正在尝试使用TwitchAPI收集有关流的信息 当我传入一个用户名数组时,我能够得到一个.getJSON请求,如果用户脱机或无效,则返回nullJavascript $.getJSON请求在单击按钮时不起作用,javascript,jquery,html,json,api,Javascript,Jquery,Html,Json,Api,我试图找到解决这个问题的办法,但我现在不知所措。我正在尝试使用TwitchAPI收集有关流的信息 当我传入一个用户名数组时,我能够得到一个.getJSON请求,如果用户脱机或无效,则返回null $(文档).ready(函数(){ var拖缆=[“ESL_SC2”、“OgamingSC2”、“cretetion”、“freecodecamp”、“storbeck”、“habathcx”、“RobotCaleb”、“Noobs2nijas”、“meteos”、“C9Skelky”、“JoshOG
$(文档).ready(函数(){
var拖缆=[“ESL_SC2”、“OgamingSC2”、“cretetion”、“freecodecamp”、“storbeck”、“habathcx”、“RobotCaleb”、“Noobs2nijas”、“meteos”、“C9Skelky”、“JoshOG”];
变量url=”https://api.twitch.tv/kraken/streams/";
var cb=“?客户_id=5j0r5b7qb7kro03fvka3o8kbq262wwm&callback=?”;
getInitialStreams(拖缆、url、cb);//加载硬编码流
});
函数getInitialStreams(拖缆、url、cb){
//在拖缆阵列中循环以添加初始流
对于(var i=0;i
添加
问题是因为您已连接到提交按钮的单击事件。这意味着当AJAX请求发生时,表单
将被提交,因此页面将立即卸载,AJAX将被取消
要解决此问题,请钩住表单的提交事件,并在该事件上调用preventDefault()
。试试这个:
$(文档).ready(函数(){
变量url=”https://api.twitch.tv/kraken/streams/";
var cb=“?客户_id=5j0r5b7qb7kro03fvka3o8kbq262wwm&callback=?”;
$(“.form inline”).submit(函数(e){
e、 预防默认值();
添加拖缆(“Ben”,url,cb);
});
});
功能添加拖缆(拖缆、url、cb){
log(“我在函数中”);
$.getJSON(url+streamer+cb,函数(数据){
log(“我们做到了”);
});
}
添加