javascript - 如何在cakephp 3.1中渲染ajax返回

Question

我有一个表，里面有复选框。选择它后，在确认表单之前如何从模式中的表中返回值的总和？以及如何渲染来自 Controller 的ajax响应？ 在我看来

    $("#envia-vendas").ajaxForm({
  url: '../vendas/confirmar', 
  type: 'post', 
  success: function (data) {
    $('#myModal').modal('show');
    console.log(data);
  },

在我的 Controller 中

//dostuf
            if($this->request->is('ajax')){
              $sum = $sum;
              $this->render('ajax/confirmado', 'ajax');
              echo 'bal';
              $this->set('text', 'test');
              $this->set('_serialize', ['text']);

            }

如何在不重新加载页面的情况下在 View 中打印结果？

Answer 1

这个 fiddle 的作用是获取所有输入，然后在注入(inject)值和名称进行确认后弹出一个模式。

它应该为您提供一个良好的起点。这样做的目的是为您提供确认屏幕，而不需要额外的服务器调用。

只需将您的操作设置为您想要将信息传递到服务器交互的路由即可。

HTML

<form id="test-form" method="post" action="your/action/here">
  <input type="text" name="test" value="" />
  <input type="submit" name="submit-form" value="submit" />
</form>

<div class="modal">
  <div class="form-info-wrapper">

  </div>
  <a class="confirm">Confirm Information</a>
</div>

CSS

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: #FFF;
}

JS

jQuery(document).ready(function ($){
    $('body').on('click', 'input[type=submit]', function (e) {
    e.preventDefault();

    var data = $(this).parent('form').serializeArray();

    $('.form-info-wrapper').empty();

    for(_data in data)
    {
        $('.form-info-wrapper').append(data[_data].name + ': ' + data[_data].value);
    }

    $('.modal').fadeIn();
  });

  $('.confirm').click(function (e){
        e.preventDefault();

    $('#test-form').submit();
  });
});

https://jsfiddle.net/ojaeacps/2/