通过 Ajax 向 Controller 发送请求的问题

Question

我的联系人视图中的验证存在问题。验证在我的控制器中，我正在尝试通过 AJAX 向那里发送我的表单数据。这就是我的 AJAX 代码的样子：

$(document).ready(function(){
    $('.contact_form').submit(function(event){
        event.preventDefault();
        let name = $('#name').val();
        let title = $('#title').val();
        let mail = $('#mail').val();
        let text = $('#text').val();
        $.ajax({ 
            type:'POST',
            url:'../Strona/contact',
            dataType:'json',
            crossDomain:false, 
            cashe:false, 
            contentType:"text/javascript",
            data:{
                name: name,
                title: title,
                mail: mail,
                text: text
             }
        })
        .done(function(data){
            console.log(data);
            if(data.res === 'yes'){
                console.log(data);
                $('.contact_form').html(data.list);
            }else{
                $.each(data.list,function(k,v){
                    console.log(data);
                    $('.error_'+k).append(v);
                });
            }
        });
    });

在我的控制器中进行验证：

if($this->request->is('post')){
    $data = $this->data;

    $errors=array();

    if(!$data['Contact']['name']){$errors['name'] = 'Bitte geben Sie einen Namen ein';}
    if(!$data['Contact']['email']){$errors['email'] = 'Bitte geben Sie eine E-Mail-Adresse ein';}
    if(!$data['Contact']['title']){$errors['title'] = 'Bitte geben Sie einen Titel ein';}
    if(!$data['Contact']['description']){$errors['description'] = 'Bitte geben Sie eine Nachricht ein';}
    if(count($errors) > 0){
        $result = array('res'=>'no','list'=>$errors);
        $el['Result'] = $result;
        $el['Contact'] = $data;
        $el['Contact'] = $el['Contact']['Contact'];
        $this->set('errors');
        $this->set('_serialize', array('errors'));
        $this->set('el',$el);
    }else{
        $result = array('res'=>'yes','list'=>'Vielen Dank für das Senden einer E-Mail');
        $txt = $data['Contact']['name'].'<br>'.$data['Contact']['description'];
        $subject = $data['Contact']['title'];
        $from = $data['Contact']['email'];

        $this->Ajax->mailsend($txt, $subject, $from);
        $data['result'] = $result;
        $this->Contact->save($data);
        $this->Session->setFlash('Nachricht gesendet');
        $this->redirect(array('action' => 'contact/'));
    }
}

当我单击按钮发送消息并且输入为空时，应显示错误，但没有任何反应。请求未发送到控制器。

我想问题可能出在我的wiev上。

<form method="POST" action="" class="contact_form">
    <div class="form-group">
        <input type="text" class="form-control" id="name" name="data[Contact][name]" value="<?php echo $el['Contact']['name']; ?>" placeholder="Dein Name"/>
        <div class="error error_name"></div>
    </div>
    <div class="form-group">
        <input type="email" class="form-control" id="email" aria-describedby="emailHelp" name="data[Contact][email]" value="<?php echo $el['Contact']['email']; ?>" placeholder="Deine E-Mail-Adresse"/>
        <div class="error error_email"></div>
    </div>
    <div class="form-group">
        <input type="text" class="form-control" id="title" name="data[Contact][title]" value="<?php echo $el['Contact']['title']; ?>" placeholder="Betreff"/>
        <div class="error error_title"></div>
    </div>
    <div class="form-group">
        <textarea class="form-control" id="describe" name="data[Contact][description]" placeholder="Deine Nachricht" rows="10"><?php echo $el['Contact']['description']; ?></textarea>
        <div class="error error_description"></div>
    </div>
    <input type="submit" id="send" class="btn btn-primary" value="Senden">
</form>

Answer 1

您正在使用$this->set('el',$el);，但这只会使$el 变量可用于可能呈现的任何视图。假设您没有特定于 Ajax 的视图，它可能会退回到默认的 Ajax 视图，我认为它只是转储您设置为序列化的任何变量的内容。您还没有设置任何要序列化的内容。请参阅 JSON and XML views 了解如何设置 _serialized 变量，如果您想这样做的话。

如果您想更明确，可以替换 set 调用，而不是 send a string 作为响应：

$this->response->body(json_encode($el));
return $this->response;

Answer 2

我还不能添加cmets，所以我会从我的角度回答。 AJAX 事件似乎被封装在一个函数中。如果您只想监听事件，请尝试将提交操作从函数中取出并放入$(document).ready();block，它应该会触发。我还建议您使用 JavaScript 而不是控制器进行表单验证。发回你的结果！希望这会有所帮助