Use AJAX and PHP to Build your Mailing List By Aarron Walter November 1st 2006 Reader Rating: Not rated yet 一个设计优雅,内容充实的网站,没有用户的参与,也是没有生命力的。选择邮件列表作为你的用户与网站之前交互的工具,是一个不错的选择。如果访问者喜欢并且相信您的网站,他们会很信任地把他们的邮件地址告诉佻,毕竟,他们也希望能够 得关于新产品,文章或其他有关信息的通知。这是一个在您的访问者之间建立关系网的不错的方法,并且还能让他一次又一次地访问您的网站,成为您网站的回头客。 在这篇文章中,我们将会用AJAX来接受用户提交的邮件订阅地址,这样就不用刷新页面。用这样一种方法,您的提交过程序会轻松许多。同时,我们的AJAX的提交表格也能接纳那些并不使用支持AJAX技术的浏览器的用户. 这篇文章假定您的mailing list 是储存在Mysql数据库中的。但是只要加上合适的代码,文章中的代码就能很好地适合您自己的应用。 在开始之前,请下载代码,看 一看我们要在这篇教程中讲的程序。

[概要]

(奶奶的,这个不好翻译,原文是The Big Picture) 我们的mailing list 登记过程有三个要素: 在php脚本中的一段HTML 表单代码,用来接受用户的邮件地址. 一段javascript代码,监听用户提交表单的事件,并调用AJAX过程,发送Email地址。 一个简单的PHP代码,以接受邮件地址。他会检查邮件地址是否出错,并储存到Mysql数据库中。一个告诉用户操作是成功还是失败的信息会返回给HTML页。 我们同时需要保证登记过程对所有用户是正常可用的,因此写了一个php储存的过程,这样那些浏览器不支持Javascript的用户也能正常使用。 为了简化我们的AJAX编程,我们将用一个通用的javascript库(Prototype)来监听表单提交事件,并处理Ajax消息。如果您是一个Prototype的初学者,建议您看看Dan Webb的文章 Painless JavaScript Using Prototype and The JavaScript Library World Cup.

表单提交过程

我们的第一步是建立表单以接受邮件地址。然后我们调用javascript来发送消息。这就是表单代码:Join our mailing list! 表单是相当地简单。我们只弄了一个text类型的输入框,用来接受用户的邮件地址,然后放了一个submit按钮,用来激发Ajax事件。表单的ID必须确定,因为要靠它来激活javascript对提交事件的监听。 注意表单文字中有一个PHP函数:storeAddress.这是我们实现登记过程的可用性的核心。当这个页面第一次载入时,storeAddress返回一个空格,这样整段文字显示空。稍后,当Ajax过程被用户的提交事件激发后,Javascript会往这一段中加入消息,以让用户知道我们做了什么事。另外,如果用户客户端并没有开启对javascript的支持,那这个页面会被再次调入。这会导致storeAddress被再次调用。这一次,会显示一段消息。 在页面的头部,我们需要用