{ var url="ajaxdemo.asp";
var paras = "" ;
var myAjax =
Ajax.Request( url,
{
method: 'post',
parameters: paras,
onComplete: showResponse
});
}
function showResponse(originalRequest){
var html = originalRequest.responseText;
alert(html);
}
这是应用 prototype.js 后最常看见
ajax代码
由于 showResponse 不能直接带参数在处理回调
时有时候比较麻烦比如要把返回html值动态插入到某个元素里面去
今天终于想到了
种思路方法来解决这个问题: function demo
{ var url="ajaxdemo.asp";
var paras = "" ;
var myAjax =
Ajax.Request( url,
{
method: 'post',
parameters: paras,
onComplete: function(originalRequest){showResponse(originalRequest,elemID)}
});
}
function showResponse(originalRequest,elemID){
var html = originalRequest.responseText;
$(elemID).innerHTML = html;
}
匿名
这时充当了回调而showResponse则变成个普通思路方法了变换了概念问题就顺利解决 解决了这个问题
还可以把这两个封装为个: function demo(url,paras,updateElemID){
var myAjax =
Ajax.Request( url,
{
method: 'post',
parameters: paras,
onComplete: function(originalRequest){showResponse(originalRequest,updateElemID)}
});
}
function showResponse(originalRequest,elemID){
var html = originalRequest.responseText;
$(elemID).innerHTML = html;
}
只需要
demo(url,paras,updateElemID) 就能完成ajax功能爽如果参数再扩展下增加些动作就不止是update某个元素innerHTML这么简单了
最新评论