0

我有这个 dropdwonlist，这个数字是选票。在下面的代码中，我将控制器的功能放在我管理投票的地方。使用它的 route-action-template 可以正常工作；我的问题是，如何在不刷新页面的情况下使用 JQuery-AJAX 代码做同样的事情？

下拉列表的默认值是votacion.votCalificacion数据库中投票的值

这是投票的下拉列表：

<form id="post">
    <select id="cd-dropdown" class="cd-select">
        <option value="-1" selected>{{ voto.votCalificacion }}</option>
        <option>-</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
        <option>9</option>
        <option>10</option>
    </select>
</form>

这是控制器管理投票的功能：

public function gestionarVotoAction($pysStr, $votCalificacion)
{
    $em = $this->getDoctrine()->getManager();
    $pys = $em->getRepository('PYSBundle:Pys')->findPys($pysStr);
    $usuario = $this->get('security.context')->getToken()->getUser();

    $voto = $em->getRepository('UsuarioBundle:Usuario')->findVoto($usuario, $pys);

    if(!$voto) 
    {
        $voto = new Voto($usuario, $pys);
    }

    if ($votCalificacion == "-") 
    {
        $em->remove($voto);
    }
    else
    {
        $voto->setVotCalificacion($votCalificacion);
        $voto->setVotFecha(new \DateTime("now"));

        $em->persist($voto); 
    }

    $em->flush();
    return $this->redirect($this->generateUrl('usuario_pelicula', array('pysStr' => $pysStr)));
}
4

3 回答 3

1

以下代码是我的问题的解决方案：

AJAX 调用：

$('#cd-dropdown').bind('change', function(){
    ajaxVotar($( '#cd-dropdown' ).val(), $('#id-pelicula').val()); 
});


function ajaxVotar(voto, pelicula) 
{ 
    $.getJSON('/app_dev.php/es/user/pelicula/'+pelicula+'/'+voto, function(j){ 
        $('#votacion-media-peli').html(j.media);
    }); 
}

在控制器的函数中，将 html.twig 视图渲染替换为 JSON 响应：

(...)
$votosPelicula = $em->getRepository('UsuarioBundle:Usuario')->findVotosDePelicula($pys);
$media = self::media($votosPelicula);

$response = new Response(json_encode (array('result'=>$result, 'media' => $media))); 
$response->headers->set('Content-Type', 'application/json'); 

return $response;
于 2013-07-19T13:15:22.243 回答
0 
$('cd-dropdown').change(function(){
  $.post('path-to-route', {data: $(this).val()}, function(res){
    console.log('Done!'); //or whatnot
  });
});

我在 ajax 调用中使用的data密钥可能需要更改，具体取决于您的 $_POST var 在 PHP 中的内容。

于 2013-07-12T17:14:54.493 回答
0

您必须创建一个资源（如php页面），该资源（如页面）需要您保存的信息（参数），如：www.example.com/savevote.php. 然后你jQuery像这样使用：

$.post("savevote.php", {"votCalificacion": $("#cd-dropdown").val()}, function(returned_data){
// do something with your returned data
});

无论如何，有大量的教程供您查看。只是谷歌它！

祝你好运！

于 2013-07-12T17:16:47.997 回答