Chrome javascript调试程序使用$ .ajax显示json数据,但在浏览器中没有响应

时间:2015-03-26 18:54:43

标签: javascript html ajax json

请找到以下代码。在使用Chrome java脚本调试器调试代码时,URL被命中,调试器正在显示来自URL [源代码列]下的正确json数据,但是在按钮单击后浏览器中没有响应。 我想在按钮点击后显示json数据。你能帮忙吗?

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
function test() {
 var key="encryptedAPIkeyvalue";

    $.ajax({  
        url: "http://localhost:82/JSON/Lookups/ComponentTypes?apiKey=" + key + "&callback=" ,  
        dataType: "jsonp",  
        success: function(data){ 
             $.each( data , function( i, item ) {
             alert(item);
                $("#output").append(item);
            });
        } 
    });  
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="output"></div>
<button id="tbn" onclick="Javascript:test();return false;">click</button>
</form>
</body>
</html>

0 个答案:

没有答案