Loading content using AJAX and jQuery

Question

I am a newbie to jQuery and was trying to load content dynamically using AJAX and jQuery using the following code but its not working.

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("button").click(function()
{
$(".text").load("http://api.jquery.com/get/");

});

});
</script>
<title>AJAX with jQuery</title>
</head>
<body>
<div class="text">Sushil</div>
<button>Load Text</button>
</body>
</html>

en.wikipedia.org/wiki/Same_origin_policy

Musa
– Musa

2012-07-13 06:54:56 +00:00
Commented Jul 13, 2012 at 6:54 — Musa
– Musa, Commented Jul 13, 2012 at 6:54

Rasmus · Accepted Answer · 2012-07-13 07:00:14Z

2

You are violating the same origin policy. Just open your console and see the error message when you click the button. Things will become clearer to you. If not please get back

answered Jul 13, 2012 at 7:00

Rasmus

8,50613 gold badges52 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

kaysush Over a year ago

I tried to load a local html file in the same directory bu using $(".text").load("txtfile.txt") but still no results. Can you give me an example how to load a file in div using AJAX?

Rasmus Over a year ago

your code is working perfectly for me if both files are in the same directory.. can you tell me what error you are getting... just open the console you will get to know the error

Rasmus Over a year ago

hmm tough call.. ok what browser are you using

Rasmus Over a year ago

let us continue this discussion in chat

Community · Accepted Answer · 2017-05-23 12:04:43Z

0

I ran your code and I got this error: XMLHttpRequest cannot load http://api.jquery.com/get/. Origin null is not allowed by Access-Control-Allow-Origin.

I googled it and I got this: Origin null is not allowed by Access-Control-Allow-Origin

edited May 23, 2017 at 12:04

CommunityBot

11 silver badge

answered Jul 13, 2012 at 7:07

Armando

4711 gold badge9 silver badges22 bronze badges

1 Comment

Armando Over a year ago

I used firebug, you can also use google chrome developer tools (Ctrl + Shift + I)

Collectives™ on Stack Overflow

Loading content using AJAX and jQuery

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related