如何使用Symfony和Jquery发出POST Ajax请求

时间:2013-10-15 07:19:03

标签: javascript php jquery ajax symfony

我需要在我的symfony项目中存储一些map参数,为此我需要在我的视图中实现一些Ajax,它能够将一些信息传递给控制器​​。

我阅读了文档,尝试编写一些代码,但我无法使其工作。而Ajax真的很难调试。 这是控制器部分:

 /**                                                                                   
 * @Route("/ajax", name="_recherche_ajax")
 */
public function ajaxAction()    
{
    $isAjax = $this->get('Request')->isXMLHttpRequest();
    if ($isAjax) {         
        return new Response('This is ajax response');
    }
    return new Response('This is not ajax!', 400);
}

和JS:

map.on('zoomend', function(e) {
    // use callback e variable
    console.log('zoom: ' + e.target.getZoom());

    $.ajax({
        type: "POST",
        url: "/recherche/ajax",
        data: {
           zoom: e.target.getZoom()
        },
        dataType: "json",
        success: function(response) {
            console.log(response);
        }
    });

});

我检查它确实存在的URL recherche/ajax并按预期返回'This is not Ajax'。但是console.log没有返回任何值......

这是正确的方法吗?

编辑: 看起来控制器无法处理POST请求。我试图将注释修改为:

 /**                                                                                   
 * @Route("/ajax", name="_recherche_ajax")
 * @Method({"GET", "POST"})
 */

但它返回:

([Semantical Error] The annotation "@Method" in method MySite\SiteBundle\Controller\RechercheController::ajaxAction() was never imported. Did you maybe forget to add a "use" statement for this annotation?) 

2 个答案:

答案 0 :(得分:23)

试试这个,

/**                                                                                   
 * @Route("/ajax", name="_recherche_ajax")
 */
public function ajaxAction(Request $request)    
{
    if ($request->isXMLHttpRequest()) {         
        return new JsonResponse(array('data' => 'this is a json response'));
    }

    return new Response('This is not ajax!', 400);
}

如果您发送Ajax请求,则需要返回json/plaintext/xml个数据,而不是整个Response个对象。

PS :不要忘记为RequestJsonResponse

添加使用陈述

编辑:如您添加的错误消息所示,您需要使用以下内容导入注释@Method

use Sensio\Bundle\FrameworkExtraBundle\Configuration\Method;

答案 1 :(得分:2)

我正在寻找整个互联网,并没有找到解决类似问题的方法。但我发现它 - > 我既没有控制器问题,也没有javascript / jquery / ajax问题,也没有安全问题。 它在...等待它....在HTML中。 我不得不添加type =" button"进入html标签,否则整个页面都很新鲜。 在调试目的上浪费了4个小时..但是经验教训。

如何调试问题?  1.检查ajax是否在客户端发送帖子和匹配的帖子路由。 Firefox - > f12 - >网络 - >观看POST活动  2.检查 - >上的symfony profiler(非常有用的工具!)。 /app_dev.php/(dev enviroment) - >获取请求/响应子菜单结束需要最后10,如果您看到POST路由密切检查其返回代码和参数(您不会看到响应,如果其设置不是HTML响应)  3.在控制器中执行一些操作,如果执行此路由中的脚本,则可以检查该操作。如果是这样,你看到它在服务器端(控制器)或客户端(twig / ajax / html)没有响应  4.代码示例:

html中的按钮(这是我的问题)

<button name="button" id="button" class="button" type="button" value="100"> Click me </button> 

html中的Ajax或其他包含的js文件:

function aButtonPressed(){
        $.post('{{path('app_tags_sendresponse')}}',
            {data1: 'mydata1', data2:'mydata2'},
            function(response){
                if(response.code === 200 && response.success){
                    alert('success!');
                }
                else{
                    alert('something broken');
                }
            }, "json");
    }

现在..服务器端。控制器:

namespace AppBundle\Controller;
use Sensio\Bundle\FrameworkExtraBundle\Configuration\Method;
use Sensio\Bundle\FrameworkExtraBundle\Configuration\Route;
class JsonApiController extends Controller
    /**
         * @Route("/api/programmers")
         * @Method("POST")
         */
        public function sendResponse()
        {
            if(isset($_POST['data1'])){
                $json = json_encode(array('data' => $_POST['data1']), JSON_UNESCAPED_UNICODE);
                file_put_contents("test.json", $json);
                return new JsonResponse($json);
            }
            return new Response('didn't set the data1 var.');
        }
    }

File put contents在网络目录中创建新文件。如果匹配并创建文件意味着您匹配路线,但没有得到回复