'Request'에 해당되는 글 2건

  1. 2009.07.29 [Ajax] serialize()
  2. 2009.07.28 [Ajax] Ajax.request

[Ajax] serialize()

JSP 2009. 7. 29. 14:42
Prototype의 serialize()를 사용하여 parameter를 받을 수 있다.

Form.Methods = {
  serialize: function(form, options) {
    return Form.serializeElements(Form.getElements(form), options);
  },

  getElements: function(form) {
    return $A($(form).getElementsByTagName('*')).inject([],
      function(elements, child) {
        if (Form.Element.Serializers[child.tagName.toLowerCase()])
          elements.push(Element.extend(child));
        return elements;
      }
    );
  },
...
}

option에 대해 true를 지정하면
return은 object가 되며 그렇지 않으면
return은 array가 된다.

parameters: $('commentForm').serialize(true),
...
에서 commentForm 안에 있는 parameter는 object로 return.

Ajax request에서 parameter를 전송할 때 적절하다.
Posted by zeide
,

[Ajax] Ajax.request

JSP 2009. 7. 28. 11:03
Prototype을 사용한 Ajax

window.onload = handleEvent;

function handleEvent() {
    $('comment').observe('click',replyValidate);//success
    $('commentForm').observe('submit',submitReply);//success...but....
}

function submitReply(event) { //fail
    var url = '/comment.do';
   
    new Ajax.Request(
        url,
        {//ajax.option
            parameters: $('commentForm').serialize(true),//transport parameter
            //ajax.callback
            onSuccess: function(transport){
            $('comment_load_area').innerHTML = transport.responseText;
            },
            onFailure: function() {
            alert("전송에 실패하였습니다.");
            }
        }
        );//Ajax.Request
    Event.stop(event);//리소스 전송 차단
}

안된다.

대충 감이 온다.

왜 안되는지를...
Posted by zeide
,