Zend framework Jqueryのページをリフレッシュせずにフォームを送信

Question

私の頭を2日間叩いていましたが、私はzendフレームワークを使ってフォームを投稿しようとしていますが、通常の投稿要求です。私はJquery 1.4.2を使用しています。私はfirebug liteを使って何かの出力を見ることができましたが、何も見ませんでした。誰にでもアイデアはありますか？

乾杯。

Javascriptを

$(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; 
    }); 
});