繁体   English   中英

如何通过查询生成器方法在不使用模型的情况下使用Ajax将laravel中的数据插入/发布到数据库中

[英]How to insert/post data in laravel using ajax into Database by query builder method without using model

这是我在Bootstrap模式下的表单。

<!-- Start BS Modal- Add Data Form -->
    <div id="studentModal" class="modal fade" role="dialog">
        <div class="modal-dialog modal-md">
          <div class="modal-content">
            <form method="POST" id="student_form" >
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                  <h4 class="modal-title">Add New Student</h4>
                </div>
                <div class="modal-body">
                  {{ csrf_field() }}
                  <span id="form_output"></span>
                  <div class="form-group">
                    <label>First Name</label>
                    <input type="text" name="first_name" id="first_name" class="form-control" placeholder="Enter Your First name">
                  </div>
                  <div class="form-group">
                    <label>Last Name</label>
                    <input type="text" name="last_name" id="last_name" class="form-control" placeholder="Enter Your Last name" >
                  </div>             
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="button_action" id="button_action" value="insert" />
                    <input type="submit" name="submit" id="action" class="btn btn-success pull-left" value="Add" >
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> 
                </div>
            </form>
          </div>
        </div>
    </div>
<!-- End - BS Modal -->

当我单击此按钮时,添加新按钮是id = add_data的按钮。 它向我展示了具有形式的自举模态。 JavaScript如下:

$('#add_data').click(function(){
            $('#studentModal').modal('show');
            $('#student_form')[0].reset();
            $('#form_output').html('');
            $('#button_action').val('insert');
            $('#action').val('Add');
        });

当我单击带有id = action的Submit按钮时,您可以在表单代码的输入标签中看到该按钮。 以下是用于此操作的Javascript://插入-脚本

$('#student_form').on('submit', function(event){
            event.preventDefault();
            var form_data = $(this).serialize();
            $.ajax({
                type:"ajax",
                method:"post",
                url:"{{ url('postdata') }}",
                data:form_data,
                dataType:"json",
                success:function(data){
                    alert("Success");
                },
                error: function(data){
                    alert("Error");
                }
            })
        });

如何使用csrf令牌在JS中获取表单输入值? 路线上应该是什么? 控制器中应该有什么?

我在控制器中使用了简单的查询来从数据库中读取/获取数据,就像这样;

public function readData(){
    $student = DB::Table('user')->get();
    return response($student);
}

我需要像这样用于从数据库获取数据的简单代码。

使用查询生成器的插入方法

DB::table('users')->insert(
    ['email' => 'john@example.com', 'votes' => 0]
);

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM