jquery中的$.ajax函数不起作用

$.ajax function in jquery not working

本文关键字：函数 不起作用 ajax 中的 jquery      更新时间：2023-09-29

我刚开始使用jquery，遇到了一个小问题，$.ajax（…）无法工作。事实上，整个jquery、javascript业务一直很艰难，因为要在脚本不起作用的情况下解决问题。这是我的密码。。。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
/*  $.ajax({url:"http://reddit.com/r/nyc.json", success:function(result){
    $("div").text("helloz");
    }});*/
        $("div").text("hello");
});
</script>
</head>
<body>
<div><h2>Let AJAX change this text</h2></div>
<button>Change Content</button>
</body>
</html>

正如您在代码中看到的，我注释掉了.ajax函数，而放了一些其他的代码片段，它就可以工作了，证明jquery加载良好，ready函数运行良好。但是，.ajax函数不起作用。我的互联网连接运行良好，如果我将此代码粘贴到w3cschool的tryit编辑器中，代码也会运行良好。有人能帮帮我吗？

此外，任何解决此类bug追逐的通用策略都会非常有用。我有chrome浏览器，但当我打开javascript控制台时，它显示一切正常。。。

问题是url:"http://reddit.com/r/nyc.json"，它不是您的域，因此出现了同源策略。

您需要在服务器中创建一个代理。或者，如果站点支持jsonp，则可以使用jsonp。

$.getJSON('http://www.reddit.com/r/nyc.json?jsonp=?', function(data) {
   console.log(data);
});​

演示。

相关文章：