Default

The past 6 PostOfficeBox demos were removed due to the lack of people knowing about such code. However, thanks to google's "Google Suggest" code showing people that client side JavaScript can communicate with a server in powerful ways... people have become alert to it!

Also, thanks to Chris Justus for rewriting the code into a readable format, more people have shown interest in dynamic scripts. His blog can be seen here and is very informational about how google does it's code.

This is the latest functionality that I have improved on, so sadly it is the first to be seen. This is the "Threaded" functionality. PostOfficeBox was already able to handle multiple requests at a time, however it didn't track each request well enough individually.

Pressing "Send Batch Post" actually sends 20 requests to the server. All the server will return in this instance is 20 functions that append text to document.getElementById("Confirm"); This text is simply "Server confirmed " + the RequestIndex, which is the ID of the request object sent. If you press the "Send Batch Post" button about 5 times in a row quickly then you will see what happens when some of them time out. The timeout for this case was set to 2500 milliseconds. You can set it to whatever you would like.

Also, you may notice that sometimes they come a little out of order... This is because of the "Threaded" part. The server may send back one result quicker than another.

Successful Attempts:

Failed Attempts:

JavaScript Code Used:

<script>
var Confirm, Errored;
window.onload = function() {
	Confirm = document.getElementById("Confirm");
	Errored = document.getElementById("Errored");
}

function SendPost(Path) {
	for (var i = 0; i < 20; i++) {
		var PostMan = new PostOfficeBox("Server.aspx", 2500);
		PostMan.SendPost();
	}
}

function PostConfirmation(Confirmed, MailID) {
	if (!Confirmed) {
		Errored.innerHTML += "TimeOut Error " + MailID + "<br>";
	}
}
</script>

C# Code Used:

override protected void OnInit(EventArgs e)
{
	Response.Write("RequestCache[" + RequestIndex + "].serverReturn = function() {\n");
	Response.Write("	Confirm.innerHTML += \"Server confirmed " + RequestIndex + "<br>\";\n");
	Response.Write("}\n\n");

	Response.AddHeader("Content-type", "text/javascript");
	Response.End();
}

This demo shows the ability to cache result funcitons from the server as well as set a limit on how long each result should be cached. Again this code is generic and serves no one purpose.

When you click on one of the links below a request will be sent to the server for a specific file to be displayed. If that request was alredy cached, then the request won't actually hit the server, it will only run the "serverReturn" function that was returned based on that exact query.

Each link goes to "javascript:Navigate('Page1');" (or 2 or 3 etc). The resulting function from the server will be cached for 5 seconds.

Page 1 | Page 2 | Page 3

JavaScript Code Used:

<script>
function Navigate(Path) {
	var PostMan = new PostOfficeBox("Server.aspx", 2500);
	PostMan.SetMessage("DivID", "PageContent");
	PostMan.SetMessage("HistoryID", "History");
	PostMan.SetMessage("Path", Path);
	PostMan.SendPost();
}
</script>

C# Code Used:

override protected void OnInit(EventArgs e)
{
	string QueryKey = Request.RawUrl.Substring(Request.RawUrl.LastIndexOf(@"/") + 1);
	QueryKey = QueryKey.Substring(0, QueryKey.LastIndexOf("&"));
	StreamReader Reader = new StreamReader(this.MapPath(Request["Path"]));

	Response.Write("RequestCache[" + RequestIndex + "].serverReturn = function() {\n");
	Response.Write("	var ResponseDiv = document.getElementById(\"" + Request["DivID"] + "\");\n");
	Response.Write("	if ('" + Request["Path"] + "' == 'Page2') alert('PAGE 2 is AWESOME!');\n");
	Response.Write("	else\n");
	Response.Write("	ResponseDiv.innerHTML = \"You clicked on " + Request["Path"] + "\";\n");
	Response.Write("}\n\n");

	// Left out of serverReturn so it won't get cached.
	Response.Write("document.getElementById(\"" + Request["HistoryID"] + "\").innerHTML += \"Server Returned " +
		Request["Path"] + "<br>\";\n");

	Response.Write("ResponseCache[\"" + QueryKey + "\"] = RequestCache[" + RequestIndex + "].serverReturn;\n");
	Response.Write("setTimeout('ResponseCache[\"" + QueryKey + "\"] = null', 5000);");
	break;

	Reader.Close();
	Response.AddHeader("Content-type", "text/javascript");
	Response.End();
}