Question

现在我已经敲了2天我现在是zend的新手但不是jquery，我正在尝试使用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;
  });
});

Zend框架Jquery提交表单而不刷新页面

1 个答案: