AJaX for weblogs
来源:互联网 发布:js div 高度 编辑:程序博客网 时间:2024/06/05 08:06
转:Ajax for weblogs
The Asynchronous JavaScript + XML (AJaX) solution is one that can bring happiness and bliss to web designers and web developers alike. However, as with many whiz-bang solutions caution is advised. Google uses it to great effect but personally I think they take it a bit too far. If a page change so much that its context changes then it have switched to a new URI. People often bookmark specific content that’s within a specific context. As soon as this is no longer true it maybe a clue that you’ve gone to far.
The first thing I notice that the solutions is aimed at the heavier web applications. Not surprising. Web applications suffer from constraints that web clients impose on them. This solution gives them a way to check for dynamic content without reloading the current page.
So what does it do?
Well it’s very simple. It uses Javascript to get data from a remote source and then loads that into a specified target. Whatever content you like to wherever you like on the page.
Jesse James Garrett of Adaptive Path has written an essay that covers the basics and provides more information on AJaX.
But lets get this sucker running, that’s the fun bit. And it’s pretty easy.
Step 1
Check if your web client can actually handle the http requests. We’ll need to use a Javascipt to do this.
var ajax=false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
ajax = false;
}
}
@end @*/
if (!ajax && typeof XMLHttpRequest!=’undefined’) {
ajax = new XMLHttpRequest();
}
Step 2
Add the script that will pick up your data. In this case I’m not picking up XML data. But the weblog of your choice and in my case it’s ExpressionEngine will return the xHTML Which in turn will be inserted via the javascript innerHTML methode.
function getMyHTML(serverPage, objID) {
if((serverPage.indexOf("http://www.yourdomain.com/")!=0)) return;
var obj = document.getElementById(objID);
ajax.open("GET", serverPage);
ajax.onreadystatechange = function() {
if (ajax.readyState == 4 && ajax.status == 200) {
obj.innerHTML = ajax.responseText;
}
}
ajax.send(null);
}
Step 3
The page that will display the dynamic content will need a placeholder element (tag) with a unique ID. The ID attribute will be used in the second script as a reference point to allow for insertion of the new dynamic content.
<html>
<head>
<title>AJaX test</title>
</head>
<body onload="getMyHTML(’serverpage.php’,’placeholder’)">
<div id="placeholder">
<p>The ‘getMyHTML’ script will overwrite
this paragraph.</p>
</div>
</body>
</html>
This URI in the ‘onload’ is the one which will generate the content.
Step 4
The dynamic bit is parsed by the engine of your choice like; Moveable Type, Expression Engine, Word Press etc. Of course you can use any other method of collecting content form a database.
In Expression Engine I’m calling a template that collects the data for my calendar. The whole calendar is outputted as HTML and inserted via the script.
Lets say the URI is ‘http://www.yourdomain.com/tempate/pageid/’
This could in fact be a PHP file or any other serverside script solution. The page only needs to return html. Here is an example in PHP.
<?php
echo '<p>this is a php echo text</p>';
?>
And that’s about it. It’s all pretty old school but there you have it.
- AJaX for weblogs
- AJaX for weblogs
- weblogs
- Integrating Weblogs and Wikis
- .Text ASP.NET Weblogs
- Ajax for .Net组件
- Ajax For Dummies
- Wait For Ajax
- GWT for AJAX
- WebAii - tools for Ajax
- for循环与ajax
- AJAX Patterns: Design Patterns for AJAX Usability
- Ajax框架 DWR(Easy Ajax for Java)
- Google Web Toolkit for Ajax
- The basic example for AJAX
- DWR: Easy AJAX for JAVA
- Ajax for Web Application Developers
- Google Web Toolkit for Ajax
- 叶帆密码箱简介
- j2ee程序员应该掌握的linux知识
- SYN攻击原理以及防范技术
- 用VB开发绿色软件
- 中国被公认为是最具发展前景游戏市场
- AJaX for weblogs
- 迭代开发需要一种不同的观点
- Linux 初步安装出现的问题以及解决流程
- 编程所得
- 中国RFID标准制定峰回路转 13部委专家捧场
- 音量控制功能失效的处理
- Java 中的 ClassPath 和 Package
- .net神话续篇
- 如何将数据库中被锁表解锁