实例讲解Perl的Ajax实现与中文问题

日期: 2007-12-04 来源:TechTarget中国

  Ajax,最近非常红火的技术。有很多现成的开发工具包。开始的时候我试用了CPAINT,支持php/asp,还不错。后来开始用perl的Ajax实现: CGI::Ajax。对比之下,发现非常好用。主要的特点是程序自动生成javascript调用的代码。这样的话,我们可以专注于程序逻辑的开发,而不用去理睬繁复的Ajax javascript调用。这是CGI::Ajax高明的地方。

  CGI::Ajax安装

  perl -MCPAN -e "install CGI::Ajax"
  学习这个简单的例子

  #!/usr/bin/perl -w use strict; use CGI::Ajax; use CGI;
  下面是我们这个程序的核心逻辑部分。客户端通过会Ajax调用这个函数,得到想要的结果。

  sub test_calculate { my ($cal1,$cal2)=@_; return ($cal1+$cal2); }
  下面是客户端显示的html 注意onclick部分的写法。你可以将其理解为一段伪码(其实不是伪码,其实际代码部分都是CGI::Ajax自动生成的),表示调用函数calculate,参数是val1控件和val2控件的值,结果显示在result控件上。

  sub Show_HTML { my $html = <<EOHTML; <HTML> <HEAD> <title>test</title> </HEAD> <BODY> <input type=’text’ name=’val1′ id=’val1′> <input type=’text’ name=’val2′ id=’val2′> <input type=’button’ name=’cal’ id=’cal’ value=’cal it’ onclick="calculate([‘val1′,’val2’], [‘result’]);return true;"><br> <div id=’result’></div> </BODY> </HTML> EOHTML return $html; } my $cgi=new CGI();

  这里的代码将刚才提到的伪码calculate和我们的perl实现函数关联起来。这样,当客户端点击时调用calculate伪码,其效应就是程序自动生成的javascript代码就会启动Ajax机制,远程调用我们这个cgi中的test_calculate函数,并得到其结果,输出到相应的页面控件来显示。

  my $ajax=new CGI::Ajax(‘calculate’=>&test_calculate); #build_html

  这一步中,CGI::Ajax会自动生成html网页和Ajax调用的所有javascript代码。而当客户端通过Ajax调用本程序时,这个build_html函数还会自动调用相应的函数(test_calculate)并且返回结果。

print $ajax->build_html($cgi,&Show_HTML);

  一个小问题

  在页面的javascript中如果需要使用回车字符或者其他类似字符,那么必须要使用2个斜杠。

  中文的问题

  我以utf8为例。

  1.页面字符集设定
  
  使用下面的调用方式即可。

  my @headers=("charset=utf8",); print $ajax->build_html($cgi,&Show_HTML,@headers);

  2.返回结果集中文显示乱码

  这是CGI::Ajax的小Bug。

  解决办法如下:

  找到你安装好的Ajax.pm,找到下面这句:

  my $rv = $self->cgi()->header();

  把它改成类似于这样的句子即可:

  my $rv = $self->cgi()->header("charset=utf8");

  当然,更好的办法是使用我们在print $ajax->build_html($cgi,&Show_HTML,@headers);
中传递的这个@headers,改起来也很容易的。

我们一直都在努力坚持原创.......请不要一声不吭,就悄悄拿走。

我原创,你原创,我们的内容世界才会更加精彩!

【所有原创内容版权均属TechTarget,欢迎大家转发分享。但未经授权,严禁任何媒体(平面媒体、网络媒体、自媒体等)以及微信公众号复制、转载、摘编或以其他方式进行使用。】

微信公众号

TechTarget微信公众号二维码

TechTarget

官方微博

TechTarget中国官方微博二维码

TechTarget中国

相关推荐

  • AWS MEAN堆栈+JavaScript=快速搭建应用

    开发人员在构建Web应用时有许多选择。市面上有无数的框架和语言可选,而像AWS这样的云平台可以方便地部署和扩展应用程序。

  • JDK 8u40更新:新增功能抢先看

    俗话说长江后浪推前浪,一代新人换旧人,Java更新版本交替,也是这样一个道理。甲骨文又给Java添加了哪些新功能。

  • 移动浏览器到云:JavaScript地位正在扩张

    不难发现人们非常喜欢在前端开发中使用JavaScript。但是,令我们惊讶的是后端开发也如此青睐JavaScript,促进了基于云和基于数据中心的托管应用的发展。

  • 移动HTML5挑战何在?

    当HTML5出现时,许多开发者和应用架构师视之为创建平台独立应用、简化你的设备支持以及当新的移动设备OS版本发布时减少应用相关问题的机会。