使用时间间隔zend框架调用Ajax

时间:2012-07-11 15:09:48

标签: jquery ajax zend-framework request nstimeinterval

我想要做的基本上是每3秒检索一次div和sub div内容。我使用ajax将数据发送到控制器。但我得到了

$.ajax is not a function
http://localhost/index/editor
Line 25

这是我正在使用的代码。

<script type="text/javascript">
    window.setInterval(getAjax, 3000);

    function getAjax() {
        $.ajax({
            type: "POST",
            url: 'localhost/index',
            data: "some-data"     
        });
    }

</script>

1)我做错了什么

2)如何在zend控制器中接收数据

2 个答案:

答案 0 :(得分:1)

一旦jQuery包含在您的页面中,您就可以使用$ .ajax()函数。之后,在控制器中,您可以访问$ _POST变量中的数据。为了方便起见,我通常使用JSON对象将数据发送到控制器:

    <script type="text/javascript">
        window.setInterval(getAjax, 3000);

        var data = {};
        data['field1'] = 'value1';
        data['field2'] = 'value2';
        function getAjax() {
            $.ajax({
                type: "POST",
                url: 'localhost/index',
                data: data    
            });
        }

    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">

在控制器中,您可以使用_getParam查找值:

public function ajaxAction() {
    //Disable the view (if this is an AJAX call)
    if($this->getRequest()->isXmlHttpRequest()) {
        $this->_helper->layout()->disableLayout();
        $this->_helper->viewRenderer->setNoRender();
    }

    //Get posted data
    $field1 = $this->_getParam('field1');
    $field2 = $this->_getParam('field2');

    if($field1=='value1') {
        $jsonResp['isValid'] = 1;
        $jsonResp['gotValue'] = $field2;
    }
    header('Content-type: application/json');
    echo Zend_Json::encode($json);
}

编辑: 哦,我忘记了,您可能想要检查控制器从您的jQuery代码发送的响应。您可以通过以下方式实现这一目标

$.ajax({
//...
success: function(jsonResp) {
    if(jsonResp['isValid']) alert(jsonResp['gotValue']);
}
});

答案 1 :(得分:0)

$.ajax由jQuery定义。在调用此函数之前必须包含它。