将数据从JS发送到Controller中的函数,并从函数中获取结果

时间:2016-08-30 07:56:29

标签: javascript php jquery symfony

我需要帮助我从昨天开始就陷入困境,问题是我得到了一个数字输入我使用jquery自动完成功能帮助我选择用户的订阅号码。 有了这个号码,我想得到一个用户的全名并在树枝上显示。 我输入更改后调用JS函数getInfoOfInput(),这些是我使用的JS函数:

function getInfoOfInput()
    {
        var tutoreSelectionne = document.getElementById("numAdherent");
        var tutore = tutoreSelectionne.value;
        //alert(tutoreSelectionne.value);
        recupName(tutore);

    }
    function recupName(tutoreSelectionne) {
        var DATA = {tutoreSelectionne: tutoreSelectionne};
        var request = $.ajax({
            type: "POST",
            url: "{{ path('paces_statistique_default_getnometprenomtutore') }}",
            data: DATA,
            success: function(data){
                $('#name').html(data);
            }
        });
        return false;

    }

这是我控制器中的功能:

  /**
 * get fullName
 * @Secure(roles="ROLE_ADMIN")
 * @Route("/recupFullName/")
 * @param Request $request La requête ajax qui envoie le numAd
 * @return Response $fullnam
 */
public function getNomEtPrenomTutore($request){
    $em = $this->getDoctrine()->getManager();
    $tutoRepo = $em->getRepository(Tutore::class);
    if ($request->isXmlHttpRequest()) {
        $numTutore = $request->request->get('tutoreSelectionne');
        $tutore = $tutoRepo->findOneBy(['username' => $numTutore]);
        $nom = $tutore->getNom();
        $prenom = $tutore->getPrenom();
        $fullName = "$nom $prenom";
        return $this->render("PACESStatistiqueBundle:Default:index.html.twig", array('fullName'=>$fullName));
    }
}

PS:'用户名'是用户的替代号码^^我知道这个名称并不适合它。

我在树枝上的输入:

<div class="ui-autocomplete-input">
<input type="number" id="numAdherent" value="" onchange="getInfoOfInput();"  onkeyup="this.onchange();"  oninput="this.onchange();" onautocomplete="this.onchange();">
</div>

我用它来改变输入时的输入值

// INPUT VALUE OVERRIDE
    $(function () {

        {% if is_granted('ROLE_ADMIN') %}
        $('td input[id^=numAdherent]').each(
                function (){
                    $(this).on("change paste keyup", function()
                    {$(this).attr('value', $(this).val())})
                }
        );
        {% endif %}


    });

这是我用JS“Inspect Element”获得的错误

jquery-1.11.3.min.js:5 POST http://localhost:8000/recupFullName/    500(Internal Server Error)
send @ jquery-1.11.3.min.js:5
ajax @ jquery-1.11.3.min.js:5
recupName @ vueStatistique:231
getInfoOfInput @ vueStatistique:226
onchange @ vueStatistique:276
oninput @ vueStatistique:276

提前感谢您提供给我的任何帮助:)

1 个答案:

答案 0 :(得分:2)

内部服务器错误通常意味着控制器操作中的某些内容不正确。

$tutore = $tutoRepo->findOneBy(['username' => $numTutore]);

这一行可能是问题所在。对我来说,username听起来不像是一个数字。这条线真的正确吗?

编辑: 检查错误消息后,这是解决方案: 变化

public function getNomEtPrenomTutore($request){

public function getNomEtPrenomTutore(Request $request){

并确保您实际导入Request类。