Tag: Ajax预览模式: 普通 | 列表

AjaxUI开发必备的模板引擎jTemplate

作者:techmango 日期:2010-07-09

jTemplate是一个免费开源的，完全用Javascript程序语言开发的模板引擎，它是专门为Jquery量身定做的插件plugin，最适合用于Ajax+Json开发。

它的使用方法也比较简单，首先制作一个模板文件template.htm ：

Template example:

 
<table width=\"200\">

 {#foreach $T.table as  row}

  <tr bgcolor=\"{#cycle values=['#AAAAAA','#CCCCCC']}\">

  <td>{$T.row.name.link('mailto:'+$T.row.mail)}</td>

  </tr>

 {#/for}

</table>

然后，用Jquery调用jTemplate内置方法：

var mydata = {

[
  {id: 1, name: 'Anne', age: 22, mail: 'anne@domain.com'},
  {id: 2, name: 'Amelie', age: 24, mail: 'amelie@domain.com'},
  {id: 3, name: 'Polly', age: 18, mail: 'polly@domain.com'},
  {id: 4, name: 'Alice', age: 26, mail: 'alice@domain.com'},
  {id: 5, name: 'Martha', age: 25, mail: 'martha@domain.com'}
 ]

};//在这里直接定义一个json数据，在实际情况中，我们用可用Ajax请求远程网页返回的Json.

$("#result").setTemplate("setTemplateURL",null,null);

$("#result").processTemplate(mydata);

自制Ajax Http Request方法(兼容Firefox)

作者:techmango 日期:2009-09-11

贴出自己写的AjaxRequest方法(兼容Firefox，Safafi等浏览器)，在些Blog中已经正常使用二年多了,很稳定，现在放出来跟大家共享一下．

说明：

url:请求目标地址

func:自定义的回调函数名字。当向目标网页请求且成功返回消息时，就会调用些函数

用jQuery解决跨域访问

作者:techmango 日期:2009-05-06

浏览器端跨域访问一直是个问题, 多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时地都要疼上一疼.记得很久以前使用iframe 加script domain 声明,yahoo js util 的方式解决二级域名跨域访问的问题.

时间过得好快,又被拉回js战场时, 跨域问题这个伤疤又开疼了.

好在,有jquery帮忙,跨域问题似乎没那么难缠了.这次也借此机会对跨域问题来给刨根问底,结合实际的开发项目,查阅了相关资料,算是解决了跨域问题..有必要记下来备忘.

跨域的安全限制都是指浏览器端来说的.服务器端是不存在跨域安全限制的,
所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作，然后在浏览器端用AJAX获取本机服务器端“跨域访问”对应的url.来间接完成跨域访问也是可以的.但很显然开发量比较大,但限制也最少,很多widget开放平台server端(如sohu博客开放平台)其实就么搞的.不在本次讨论范围.