javascript - Mootools 在 ajax 请求后附加 html

Question

我有一个看起来像这样的 ajax 调用，

    $('campaignType').addEvent('change', function(){
  alert($('campaignType').value);
  var request = new Request({
   method: 'get',
   url: '/admin/admin_' + $('campaignType').value + '.php',
   onRequest:function() {
    alert('Request has been made, please be patient')
   },
   onComplete:function(response) {
    $('campaignForm').append(response);
   }
  }).send();
 });

基本上发生的情况取决于从另一个文件返回的一些 HTML 的 `$('campaignType') 的值，但是我似乎无法将 HTML 附加到我的容器中。有人愿意给我一些建议吗？

谢谢

Answer 1

Dimitar 的解决方案很接近但是是一个糟糕的解决方案，因为它重新创建了整个元素内容并销毁了附加的事件处理程序。更好的解决方案是:

Element.implement({
    append: function(newhtml) {
        return this.adopt(new Element('div', {html: newhtml}).getChildren());
    }
});

这实际上是 Request.HTML 内部所做的。