javascript – webix UI模式中的表单数据

前端之家收集整理的这篇文章主要介绍了javascript – webix UI模式中的表单数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Webix UI模式,这就是我使用它的方式: @H_502_2@this.add = function () { scrollArea.css("overflow","hidden"); $.ajax({ type: "GET",url: "/detail/create",success: function (form) { webix.message.keyboard = false; webix.modalBox({ title: "New detail",buttons: ["Accept","Decline"],text: form,width: 400,callback: function (result) { switch (result) { case "0": addDetail(); break; case "1": break; } scrollArea.css("overflow","auto"); } }); } }); function addDetail() { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('Meta[name="csrf-token"]').attr('content') } }); $.ajax({ type: "POST",url: "/detail/store",data: $('#detail_add').serialize(),contentType: "JSON",processData: false,success: function () { } }); } }; And form's HTML: @H_502_2@<form action="" id="detail_add" method="post"> <input type="text" name="name" placeholder="Name"> <input type="text" name="article" placeholder="Article"> <input type="hidden" name="location_id" placeholder="1"> <input type="hidden" name="_token" value="{{ csrf_token() }}"/> </form>

当我单击模态中的接受时,我的JSON为空.我该如何解决
我试图通过console.log获取输入值,但它也是空的.

解决方法

这不是一般的答案,但示例代码不适用于解决问题,因为:

>我们不知道什么是scrollArea对象
>您尝试实现依赖于我们没有的成功脚本响应的代码
>我们没有启动代码的操作按钮

以下是稍微更改的代码,以演示您的案例:

我正在使用Webix UI模式,这就是我使用它的方式:

@H_502_2@scrollArea = $(window.document); this.add = function() { //scrollArea.css("overflow","hidden"); $.ajax({ type: "GET",beforeSend: function(form) { webix.message.keyboard = false; webix.modalBox({ title: "New detail",callback: function(result) { switch (result) { case "0": addDetail(); break; case "1": break; } scrollArea.css("overflow","auto"); } }); } }); function addDetail() { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('Meta[name="csrf-token"]').attr('content') } }); $.ajax({ type: "POST",success: function() {} }); } }; @H_502_2@<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <link rel="stylesheet" href="http://cdn.webix.com/edge/webix.css" type="text/css"> <script src="http://cdn.webix.com/edge/webix.js" type="text/javascript"></script> <form action="" id="detail_add" method="post"> <input type="text" name="name" placeholder="Name"> <input type="text" name="article" placeholder="Article"> <input type="hidden" name="location_id" placeholder="1"> <input type="hidden" name="_token" value="{{ csrf_token() }}" /> <button onClick="add()">Add</button> </form>

当我单击模态中的接受时,我的JSON为空.我该如何解决?我试图通过console.log获取输入值,但它也是空的.

原文链接:https://www.f2er.com/js/156969.html

猜你在找的JavaScript相关文章