最近在学习和利用mootools,关于mootools的Ajax异步请求方法,记录一下,方便以后查看:
方法一:
方法二:
form表单的提交
方法一:
<html>
<input id="loadJson" type="button" value="loadJson"/>
</html>
<script>
$('loadJson').addEvent('click', function(e){
e.stop();
var request = new Request.JSON({
url: 'getSelectionInfo.action',//可以跟参数
method: 'POST',
async:true,
onComplete: parseReturnData
}).send();
function parseReturnData(jsonObj) {
do something......
}
</script>
方法二:
form表单的提交
需要提交的Form
<form id="tForm" name="tForm">
<ul> <li><input type="hidden" id="profile" name="profile"></input></li> <li><s:text name="user.firstName"/>:<input type="text" name="firstName"/></li>
<li><input type="button" id="testButton" name="testButton" value="<s:text name="user.submit"/>"/>
</ul>
</form>
JS代码
$('tButton').addEvent('click', function(e){
new Event(e).stop(); var req = new Request.JSON({
url: 'meSingle.action',
method: POST,
async: true,
onComplete: parseReturnData
}).send($('tForm'));
});
......