dawnerd » ajax

Open Source jQuery Plugin – AjaxPages

Troy Whiteley — Fri, 07 Aug 2009 18:55:28 +0000

AjaxPages allows you to serve up full pages completely with ajax. This is very useful if you want to build a site that has a music player running across page loads, but don’t want to use frames. This technique can be found at TheSixtyOne.

All internal links should be in hash format. Example: instead of linking to filename.html, you would link to #/filename.html.

If you have clean urls on, the hash is almost not noticeable. Example: domain.com/#/profile/username

To get started with AjaxPages, get the files from the Google Code trunk. Example files are included. That should be enough to get you started. The plugin is very lightweight and fairly simple so it should not give you any problems.

If you need help, please leave a comment and I will personally help you out.

An Alternate Way To Bypass Javascript’s Same-Origin Policy

Troy Whiteley — Thu, 12 Jun 2008 03:42:40 +0000

If you have worked with AJAX at all, you know that there is this thing called the Same-Origin policy which makes it nearly impossible to send AJAX requests to 3rd party domains. There are workarounds such as going through a proxy. I don’t like that and think it’s messy. However, sometimes it’s the only way to go about getting the job done. This post is not about going through a proxy, instead, it is about using a little trick I learned from Yahoo.

If you have control over both domains, then this may be the ideal solution for you. For example, lets say you have two sites and you need to share data between the sites. Connecting via MySQL could be out of the question. So what do you do now? Create a dynamic javascript include file.

See how that outputs a Javascript array? It will come in handy next.

By including the dynamic.php file as if it were a javascript file, you have imported the data from the other domain without having to use ajax. You can use this to pass any amount of javascript you need. I’m sure if you’re clever you will figure out how to make this into a “mock AJAX” system.

Ajax Username Validation with The Most Popular JS Frameworks

Troy Whiteley — Fri, 23 May 2008 21:59:02 +0000

It seems like every site these days uses some form of Ajax to validate form fields. One thing I cannot stand is websites that do not use Ajax to check usernames (or other data) as you type. Because a lot of sites are lacking this one feature, I thought it would be nice to throw together a few examples of how to do it correctly with the most popular of JS frameworks.

You can view the source of the examples to see how they are done.

Ajax Username Validation with Prototype
Ajax Username Validation with jQuery

note: more examples will come in time. I am currently reading the mootools, dojo, and mochikit.

The only PHP code you will need is as follows:


include("../db.php");
$name = ereg_replace("[^A-Za-z0-9-]", "",mysql_real_escape_string(strip_tags(trim($_GET['name']))));
if(empty($name)) die();

$sql = "SELECT `username` FROM `common_usernames` WHERE `username` = '$name'";
$query = mysql_query($sql,$db);

if(!mysql_num_rows($query))
{
	die(''.$name.' is available!');
}
else
{
	die(''.$name.' is taken!');
}