Hello in ajax

**JsD2K** · Oct 21, 2008, 07:32

Can someone give me example code of how to click a button then display on teh screen Hello World in ajax??

**gRoberts** · Oct 21, 2008, 08:01

I think you may be confused as to what ajax actually is. here is what you asked for in Javascript?

Code javascript:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Untitled Document</title>
        <link rel="stylesheet" type="text/css" media="screen" />
        <style type="text/css"></style>
        <script type="text/javascript">
			function addEvent(element, event, callback) {
				if (element.addEventListener)
					element.addEventListener(event, callback, false);
				else if (element.attachEvent) {
					element["e"+event+callback] = callback;
					element[event+callback] = function() {
						element["e"+event+callback](window.event);
					};
					element.attachEvent("on"+event, element[event+callback]);
				}
			}
 
			// add the window.onload event
			addEvent(window, 'load', function() {
				// get the button
				var btn = document.getElementById('button');
				// assign the onclick event to the button
				addEvent(btn, 'click', helloWorld);
			});
 
			function helloWorld() {
				alert('hello world');
			}
		</script>
    </head>
    <body>
 
        <input type="button" id="button" value="Hello world" />
 
    </body>
</html>

**JsD2K** · Oct 21, 2008, 08:14

What exactly is ajax. with a full explanation

**gRoberts** · Oct 21, 2008, 08:34

http://en.wikipedia.org/wiki/AJAX

Google is your friend

**JsD2K** · Oct 21, 2008, 08:42

Whenever I google ajax it gives me tutorials and articles ;(

**gRoberts** · Oct 21, 2008, 08:44

Personally I think that is one of the best ways to learn. By example.

**JsD2K** · Oct 21, 2008, 09:01

I like to learn by coding it too. tutorials and articles are worthless

**JsD2K** · Oct 21, 2008, 13:03

also i tihnk u misunderstood me. i tried out the code and all it is is an alert. I know how to do that lol. Im not a beginner programmer in JS. What I want is when I click a button for example on a new line or even next to the button is the words Hello to pop out of nowhere without reloading the page

**crmalibu** · Oct 21, 2008, 16:41

Code:

<button type="button" onClick="document.getElementById('foo').innerHTML = 'Hello!';">Click Me!</button><span id="foo"></span>

This is not ajax, this is plain old javascript.

**JsD2K** · Oct 21, 2008, 16:56

I know. That was my point. but I already found a tutorial on how to say hello world. Its in another thread I believe

**paul_wilkins** · Oct 21, 2008, 18:08

The Bulletproof Ajax code archive starts off with a test ajax. The book is an excellent read too.

The SitePoint Forums have moved.

User Tag List

Thread: Hello in ajax

Thread Tools

Display

Hello in ajax

Bookmarks

Bookmarks

Posting Permissions