Ajax.Updater

用Ajax.Updater来实现Ajax提交

Ajax.Updater('元素ID','目标url',{提交方法以及参数})

 

这种方法适合于服务器端已经生成了HTML的数据，从而直接获取内容，Updater容器内容

如果服务器端生成的是JSON或XML，需要用Request后解析数据，而后操作容器来添加内容！

 

<form method="post" action="http://192.168.0.109:8888/magento/greeting.php" id="test-form" name="test-form"> <div id="div1"> <label for="name">Enter your name:</label> <input id="username" name="username" type="text" /> <input id="password" name="password" type="text" /> <input id="testbutton" name="testbutton" type="button" value="testbutton" > </div> <div id="divResult" style="display:none;" mce_style="display:none;"></div> </form>

 

Ajax.js

 

Event.observe(window, 'load', init, false); function init(){ Event.observe('testbutton', 'click', replaceDiv1); } function replaceDiv1(){ Element.show('divResult');//显示结果层 new Ajax.Updater('divResult', 'http://192.168.0.109:8888/magento/greeting.php', { method: 'post', parameters: 'username='+$F('username') }); }

greeting.php

$the_name = $_POST['username']; if ( empty($the_name)){ echo "<p>please input the name</p>"; }else { echo ""; }