Home/ Questions/Q 8226809
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T15:54:19+00:00

I’m starting out on jquery and ran into a small problem where $.ajax(…) is

  • 0

I’m starting out on jquery and ran into a small problem where $.ajax(…) is not working. Actually the whole jquery, javascript business has been tough because of sorting out the problem in case the script doesn’t work. this is my code…

<!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>

as you can see in the code, I have commented out the .ajax function and instead put some other snippet and it works, proving that jquery is loaded fine and the ready function is working well. However, the .ajax function is not working. My internet connection is working fine and the code works perfectly if I paste this code in w3cschool’s tryit editor. Can someone please help me.

Also, any general strategies to solve such bug chases would be really helpful. I have chrome browser but when i open the javascript console, it shows everything as working fine…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem is url:"http://reddit.com/r/nyc.json", that is not your domain, so the Same origin policy comes out.

    You need to make a proxy in your server.
    Or if the site supports jsonp, you could use jsonp instead.

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

    The demo.

    • 0