如何在 laravel 5 中发布 ajax 数据？答案

【问题标题】：How to post ajax data in laravel 5?如何在 laravel 5 中发布 ajax 数据？
【发布时间】：2018-06-16 00:14:39
【问题描述】：

这是我的路线文件

Route::post('/ajaxdemo', 'DemoController@saveAjax');

这是我的 jquery ajax 代码

$('#record_form').on('submit', function (e) {

    e.preventDefault();

    var select_form = $('#select_form').serialize();

    $.ajax({
        type: "POST",
        url: '/ajaxdemo',
        data: {
            mydata: select_form,
        },
        dataType: 'json',
        success: function (data) {

            console.log(data);

        }
    });
});

当我提交表单时，ajax 请求转到控制器方法

public function saveAjax(Request $request)
{
   $data = $request->all();
   dd($data);

}

我从/demo/create 调用ajax 函数，页面只是刷新并在URL 中显示token。即使我在做 dd($data) 也不显示数据

【问题讨论】：

jquery方法中的e.preventdefault在哪里？
@wahdan 更新了我的问题。请检查
你有没有试过传入url $( '#record_form' ).attr( 'action' );插入'/ajaxdemo'
我删除了表单的 action 属性，但现在它只是重新加载当前页面并在 URL 中显示令牌
你为什么在监听'#record_form'被提交，但你却从'#select_form'获取数据？

标签： jquery ajax laravel laravel-5

【解决方案1】：

请试试这个：

var data = $('#record_form').val( );
            var formData=new FormData();
            formData.append('data',data);
                  $.ajax({
                contentType:false,
                processData:false,
                method: "POST",
                url:'{!! route('name of route') !!}',
                data: formData,
                success:function (e){alert('sucess')},
                error:function(e){alert('failed')}
            });

【讨论】：

什么是 $('#data') ？
我的意思是record_form。已编辑
它只是重新加载页面并在 url 中显示令牌
你的路由是在哪里写的？在 api.php 或 web.php 中？
在 web.php 文件中

【解决方案2】：

$.ajax({
      url:$("#select_form").attr('action'),
      dataType:'json',
      type:'POST',
      data:$("#select_form").serialize(),
      success: function(data) {}        
     });

【讨论】：

【解决方案3】：

如果你想通过 ajax laravel 显示数据。你可以通过检查数据响应或 dd($data) 打开检查->网络并再次运行 ajax。你可以看到任何数据或错误

也许您的请求错误 500 可以通过 https://laravel.com/docs/5.5/csrf 修复

【讨论】：