젠드 프레임 워크 Jquery는 페이지를 새로 고침하지 않고 양식을 제출합니다.

Question

2 일 동안 내 머리를 두드리는 소리가났습니다. jquery가 아닌 jend로 초보자입니다. 젠드 프레임 워크를 사용하여 양식을 게시하려고합니다. 정상적인 게시물 요청. Jquery 1.4.2를 사용하고 있습니다. 나는 firebug 라이트를 사용하여 출력물을 보았지만 아무 것도 볼 수 없었다. 누구든지 어떤 아이디어?

건배 Scott.

자바 스크립트

$(function() { 

    $("#saveButton").click(function() { 

    var name = $('#name').val(), 
     email = $('#email').val(),  
     phone = $('#phone').val(), 
     fb = $('#fb').val(), 
     tw = $('#tw').val(), 
     postcode = $('#postcode').val(); 

    $.ajax({ 
     type: 'POST', 
     dataType: 'json', 
     url: 'http://booglam.local/client/add', 
     async: false, 
     data: { name: name, email: email, phone: phone, fb: fb, tw: tw, postcode: postcode }, 
     success: function(json) { 
      console.log(json.id + ' ' + json.details); 
     } 
    }); 
    }); 
}); 

주요 PHP 컨트롤러는

public function addAction() 
{ 
    $this->_helper->layout->disableLayout(); 
    $this->_helper->viewRenderer->setNoRender(TRUE); 

    $data = $this->_request->getPost(); 
    echo Zend_Json::encode(array('name' => $data['name'], 'email' => $data['email'])); 
} 

Answer 1

시작하기 위해 정기적으로 제출하는 과정을 방지하기 위해 함수의 끝에서 false를 반환보십시오입니다.

$(function() { 

$("#saveButton").click(function() { 

var name = $('#name').val(), 
    email = $('#email').val(),  
    phone = $('#phone').val(), 
    fb = $('#fb').val(), 
    tw = $('#tw').val(), 
    postcode = $('#postcode').val(); 

$.ajax({ 
    type: 'POST', 
    dataType: 'json', 
    url: 'http://booglam.local/client/add', 
    async: false, 
    data: { name: name, email: email, phone: phone, fb: fb, tw: tw, postcode: postcode }, 
    success: function(json) { 
     console.log(json.id + ' ' + json.details); 
    } 
}); 

return false; 
    }); 
});