Javascript 如何使ajax在laravel中工作？

我是新来的，目前正在学习Laravel，我尝试使用ajax将数据发送到数据库并将其发布到视图中。 但不管我做什么，它都不起作用。 这是我的档案：

FileUploadController.php

<?php

namespace App\Http\Controllers;
use App\UploadModel;
use App\file;
use Illuminate\Http\Request;
use Illuminate\Foundation\Bus\DispatchesJobs;
use Illuminate\Routing\Controller as BaseController;
use Illuminate\Foundation\Validation\ValidatesRequests;
use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
use Auth;


class FileUploadController extends BaseController
{
   use AuthorizesRequests, DispatchesJobs, ValidatesRequests;
   public static function file_upload_form(){
        return view('file_upload_form');
   }

   function index()
    {
     return view('home');
    }

  public function processData(Request $request){

   $data = $request->all();
   print_r($data);
   echo $data['email'];

}



   public function image_page(){
    $images = UploadModel::all();
    return view('images',compact('images'));
   }
   public function showall(){
    $images = UploadModel::all();

    return view ('show',compact('images'));
   }

   public static function image_upload(Request $userdata){
    $imageTempName = $userdata->file('image_file')->getPathname();
    $imageName = $userdata->file('image_file')->getClientOriginalName();
    $path = base_path() . '/public/images_1';
    $userdata->file('image_file')->move($path , $imageName);
    $upload_image = new UploadModel;
    $upload_image->image_title = $userdata->image_title;
    $upload_image->image_file = $imageName;
    $upload_image->user_id=Auth::id();
    if($upload_image->save())
{           echo "File Uploaded Successfully";
    }else{
        echo "Upload Error!";
    }
  }

}

观点： 文件\u upload\u form.blade.php

@extends('layouts.app')

@section('content')

  <div class="container">
   <h3 align="center" style="color:black"><strong>Movie Posting</strong></h3>
   <br />
      <div class="container">
      <div class="row">
        <div  class="col-md-6 col-md-offset-3">
          {{Form::open(array('url'=>'image_upload','method'=>'post','files'=>true))}}
            <div class="form-group">
              <label for="name">Movie Title:</label>
              <input type="text" class="form-control" id="image_title" placeholder="Enter image Titlte" name="image_title">
            </div>
            <div class="form-group">
              <label for="image">Icon:</label>
              <input type="file" class="form-control" id="image_file" name="image_file">
            </div>
            <button type="submit" class="btn btn-default">Submit</button>
          {{Form::close()}}


   <br />
  </div>
@endsection

@extends('layouts.app')

@section('content')
<div class="container">
<div class="panel panel-primary">
 <div class="panel-heading">Movie posting
 <button id="btn_add" name="btn_add" class="btn btn-primary pull-right">Add New Movie</button>
    </div>
      <div class="panel-body"> 
       <table class="table">
        <thead>
          <tr>
            <th style="width:175px">Movie</th>
            <th style="width:150px">Icon</th>
            <th style="width:125px">User</th>
            <th style="width:125px">Rating</th>
            <th style="width:125px">Review</th>
            <th style="width:250px">Date</th>
          </tr>
         </thead>
        <tbody>
        @foreach($images as $image)
          <tr>
            <td><p class="text-center">{{ $image->image_title }}</p></td>
            <td><img src="{{ asset('images_1/'.$image->image_file) }}" alt="" width="200"   height="100"></td>
            <td><p class="text-center">{{ $image->user->name }}</p></td>
            <td>Rating</td>
            <td>    
                @if(auth()->check())
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Image-review-modal">Write a review</button>
                @else
                <a href="/login" class="button">Write a review</a>
                @endif
                </td>
            <td><p class="text-center">{{ $image->created_at}}</p></td>
          </tr>
          @endforeach
        </tbody>
        </table>
       </div>
       </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
           <div class="modal-content">
             <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title" id="myModalLabel">Movie</h4>
            </div>
            <div class="modal-body">
            <form id="frmProducts" name="frmProducts" class="form-horizontal" novalidate="">
                <div class="form-group error">
                 <label for="inputName" class="col-sm-3 control-label">Title</label>
                   <div class="col-sm-9">
                    <input type="text" class="form-control has-error" id="name" name="name" placeholder="Product Name" value="">
                   </div>
                   </div>
                 <div class="form-group">
                 <label for="inputDetail" class="col-sm-3 control-label">Date</label>
                    <div class="col-sm-9">
                    <input type="text" class="form-control" id="details" name="details" placeholder="details" value="">
                    </div>
                </div>
            </form>
            </div>
            <div class="modal-footer">
            <button type="button" class="btn btn-primary" id="btn-save" value="add">Save changes</button>
            <input type="hidden" id="product_id" name="product_id" value="0">
            </div>
        </div>
      </div>
  </div>
</div>
@endsection

@extends（'layouts.app'））
@节（“内容”）
电影发布


{Form:：open（数组（'url'=>'image_upload'，'method'=>'post'，'files'=>true））}
电影名称：
偶像：
提交
{{Form:：close（）}}


@端部

images.blade.php

@extends('layouts.app')

@section('content')

  <div class="container">
   <h3 align="center" style="color:black"><strong>Movie Posting</strong></h3>
   <br />
      <div class="container">
      <div class="row">
        <div  class="col-md-6 col-md-offset-3">
          {{Form::open(array('url'=>'image_upload','method'=>'post','files'=>true))}}
            <div class="form-group">
              <label for="name">Movie Title:</label>
              <input type="text" class="form-control" id="image_title" placeholder="Enter image Titlte" name="image_title">
            </div>
            <div class="form-group">
              <label for="image">Icon:</label>
              <input type="file" class="form-control" id="image_file" name="image_file">
            </div>
            <button type="submit" class="btn btn-default">Submit</button>
          {{Form::close()}}


   <br />
  </div>
@endsection

@extends('layouts.app')

@section('content')
<div class="container">
<div class="panel panel-primary">
 <div class="panel-heading">Movie posting
 <button id="btn_add" name="btn_add" class="btn btn-primary pull-right">Add New Movie</button>
    </div>
      <div class="panel-body"> 
       <table class="table">
        <thead>
          <tr>
            <th style="width:175px">Movie</th>
            <th style="width:150px">Icon</th>
            <th style="width:125px">User</th>
            <th style="width:125px">Rating</th>
            <th style="width:125px">Review</th>
            <th style="width:250px">Date</th>
          </tr>
         </thead>
        <tbody>
        @foreach($images as $image)
          <tr>
            <td><p class="text-center">{{ $image->image_title }}</p></td>
            <td><img src="{{ asset('images_1/'.$image->image_file) }}" alt="" width="200"   height="100"></td>
            <td><p class="text-center">{{ $image->user->name }}</p></td>
            <td>Rating</td>
            <td>    
                @if(auth()->check())
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Image-review-modal">Write a review</button>
                @else
                <a href="/login" class="button">Write a review</a>
                @endif
                </td>
            <td><p class="text-center">{{ $image->created_at}}</p></td>
          </tr>
          @endforeach
        </tbody>
        </table>
       </div>
       </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
           <div class="modal-content">
             <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title" id="myModalLabel">Movie</h4>
            </div>
            <div class="modal-body">
            <form id="frmProducts" name="frmProducts" class="form-horizontal" novalidate="">
                <div class="form-group error">
                 <label for="inputName" class="col-sm-3 control-label">Title</label>
                   <div class="col-sm-9">
                    <input type="text" class="form-control has-error" id="name" name="name" placeholder="Product Name" value="">
                   </div>
                   </div>
                 <div class="form-group">
                 <label for="inputDetail" class="col-sm-3 control-label">Date</label>
                    <div class="col-sm-9">
                    <input type="text" class="form-control" id="details" name="details" placeholder="details" value="">
                    </div>
                </div>
            </form>
            </div>
            <div class="modal-footer">
            <button type="button" class="btn btn-primary" id="btn-save" value="add">Save changes</button>
            <input type="hidden" id="product_id" name="product_id" value="0">
            </div>
        </div>
      </div>
  </div>
</div>
@endsection

@extends（'layouts.app'））
@节（“内容”）
电影发布
添加新电影
电影
偶像
使用者
评级
复习
日期
@foreach（$images作为$image）
{{{$image->image\u title}
图像（文件）}}“alt=”“width=“200”height=“100”>
{{{$image->user->name}
评级
@如果（auth（）->check（））
写一篇评论
@否则
@恩迪夫
{{$image->created_at}
@endforeach
×
电影
标题
日期
保存更改
@端部

这是我的js。 app.js

var-page=1；
var当前页面=1；
var total_page=0；
var是_ajax_fire=0；
manageData（）；
//管理数据列表
函数manageData（）{
$.ajax({
数据类型：“json”，
url:“图像”
}).完成（功能（数据）{
总页数=数据。最后一页；
当前页面=data.current页面；
$（“#分页”）.twb分页({
总页数：总页数，
visiblePages：当前页面，
onPageClick:函数（事件，pageL）{
page=pageL；
如果（是阿贾克斯火！=0）{
getPageData（）；
}
}
});
控制台日志（总页数）；
manageRow（data.data）；
is_ajax_fire=1；
});
}
$.ajaxSetup({
标题：{
'X-CSRF-TOKEN'：$（'meta[name=“CSRF-TOKEN”]）.attr（'content'））
}
});
//获取页面数据
函数getPageData（）{
$.ajax({
数据类型：“json”，
url:url，
数据：{page:page}
}).完成（功能（数据）{
manageRow（data.data）；
});
}
//添加新的Post表行
函数管理行（数据）{
var行=“”；
$。每个（数据、函数（键、值）{
行=行+“”；
行=行+''+值。图像标题+''；
行=行+''+值。图像文件+''；
行=行+“”+值。用户id+“”
行=行+“”+值。内容+“”
行=行+“”；
行=行+编辑；
行=行+删除'；
行=行+“”；
行=行+“”；
});
$（“tbody”）.html（行）；
}

有人能告诉我我做错了什么吗。

---

我非常感谢您提供的任何信息，因为我正在尽可能多地学习这方面的知识。

Hi:）因为您是新来的，“无论我做什么，它都不起作用“没有用。你应该告诉我们这是怎么回事。还有，这里有很多代码。你应该了解一下。在我尝试将其更改为ajax连接之前，它工作正常。但是现在它没有读js。我把它放在layouts.app里了

var page = 1;
var current_page = 1;
var total_page = 0;
var is_ajax_fire = 0;

manageData();

 // Manage data list

function manageData() {
    $.ajax({
        dataType: 'json',
        url: 'images'
    }).done(function(data){
        total_page = data.last_page;
        current_page = data.current_page;
        $('#pagination').twbsPagination({
            totalPages: total_page,
            visiblePages: current_page,
            onPageClick: function (event, pageL) {
                page = pageL;
                if(is_ajax_fire != 0){
                      getPageData();
                    }
                }
            });
        console.log(total_page);
            manageRow(data.data);
            is_ajax_fire = 1;
        });
}

$.ajaxSetup({
    headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
});

// Get Page Data
function getPageData() {
    $.ajax({
        dataType: 'json',
        url: url,
        data: {page:page}
    }).done(function(data){
        manageRow(data.data);
    });
}

// Add new Post table row 
function manageRow(data) {
    var rows = '';
    $.each( data, function( key, value ) {
        rows = rows + '<tr>';
        rows = rows + '<td>'+value.image_title+'</td>';
        rows = rows + '<td>'+value.image_file+'</td>';
        rows = rows + '<td>'+value.user_id+'</td>'
        rows = rows + '<td>'+value.content+'</td>'
        rows = rows + '<td data-id="'+value.id+'">';
        rows = rows + '<button data-toggle="modal" data-target="#edit-item" class="btn btn-primary edit-item">Edit</button> ';
        rows = rows + '<button class="btn btn-danger remove-item">Delete</button>';
        rows = rows + '</td>';
        rows = rows + '</tr>';
    });
    $("tbody").html(rows);
}