JQuery getJson成功函数在单击按钮时启动
JQuery getJson success function is firing on button click
我在启动getjson成功事件时遇到问题。当我在$(document).ready上调用$.getJSON时,它工作得很好,当我把相同的代码放在按钮下点击时,它就不工作了。
工作罚款(低于$(document).ready)
<html>
<head>
<title>API Logger</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js" ></script>
<script>
"use strict";
$(document).ready(function(){
var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
$.getJSON( flickerAPI,
{
tags: "mount everest",
tagmode: "any",
format: "json"
},
function(data)
{
alert("success");
});
});
</script>
</head>
<body>
<form>
<button id="btn1" >Execute</button>
</form>
</body>
不工作(低于$('#btn1').on('click',function()
<html>
<head>
<title>API Logger</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js" ></script>
<script>
"use strict";
$(document).ready(function(){
$('#btn1').on('click', function() {
var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
$.getJSON( flickerAPI,
{
tags: "mount everest",
tagmode: "any",
format: "json"
},
function(data)
{
alert("success");
});
});
});
</script>
</head>
<body>
<form>
<button id="btn1" >Execute</button>
</form>
</body>
它不起作用,因为你把按钮放在表格中
<form>
<button id="btn1" >Execute</button>
</form>
它会在你每次点击时提交,在其他意义上它会重新加载页面。
只需在表单中定义按钮的类型。
试试这个
<form>
<button type="button" id="btn1" >Execute</button>
</form>
JSFIDDLE
或者只是在点击事件中添加return false
$(document).ready(function () {
$('#btn1').on('click', function () {
var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
$.getJSON(flickerAPI, {
tags: "mount everest",
tagmode: "any",
format: "json"
}, function (data) {
alert("success");
});
return false;
});
});
JSFIDDLE
相关文章:
- 单击按钮后启动javascript提示
- 一键启动按钮不起作用
- 从Django中同一页面上的多个按钮启动AJAX请求
- 禁用facebook在like按钮启动edge.create事件
- 从我自己的按钮启动音频播放器
- 按钮启动应用程序,但不会启动两次
- 从 PHP 按钮启动节点函数
- 使用谷歌地点搜索框.如何通过单击按钮启动搜索
- 按钮启动为活动状态
- 如何通过点击html页面中的按钮启动Chrome打包应用程序
- 按钮启动和停止我的javascript代码
- 填充导致错误的按钮启动
- 从GridView中的按钮启动JavaScript
- 点击按钮启动Lightbox
- JavaScript函数未从单击按钮启动
- Javascript:使用window.open使用多个按钮启动模式窗口
- 使用phonegap/cordova点击android原生菜单按钮启动jquery移动面板菜单
- 点击按钮启动fancyBox
- Marionette中的钩回按钮(启动前负载不工作)
- Ajax按钮启动每个按钮,而不仅仅是选中的按钮