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

Question

我需要在我的 symfony 项目中存储一些地图参数，为此我需要在我的视图中实现一些 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 它确实存在并按预期返回“这不是 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?) 

Answer 1

试试这个，

/**                                                                                   
 * @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：不要忘记为Request和JsonResponse添加使用声明

编辑：正如您添加的错误消息所说，您需要使用以下方法导入注释@Method：

use Sensio\Bundle\FrameworkExtraBundle\Configuration\Method;

Answer 2

我查看了整个互联网，但没有找到类似问题的任何解决方案。但是我找到了-> 我既没有控制器问题，也没有 javascript/jquery/ajax 和安全问题。 它在……等待它……在 HTML 中。 我必须将 type="button" 添加到 html 标签中，否则整个页面都在刷新。 调试目的浪费了 4 个小时。但吸取了教训。

如何调试问题？ 1.检查ajax是否在客户端发送post和匹配的post路由。 Firefox -> f12 -> 网络 -> 观看 POST 事件 2. 检查 symfony profiler（非常有用的工具！） -> /app_dev.php/ (dev environment) -> Get Request/Response submenu end take last 10, if You see the POST route close check if its return code and参数（你不会看到响应，如果它的设置不是 HTML 响应） 3. 在您的控制器中执行一些操作，可以检查此路由内的脚本是否已执行。如果是这样，您在服务器端（控制器）或客户端（twig/ajax/html）都看不到响应 4. 代码示例：

html 中的按钮（这是我的问题）

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

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

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 在 web 目录中创建新文件。如果匹配并创建了文件，则意味着您匹配了路由，但没有得到响应