Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

l_stankov01's avatar

How to update data with Jquery & AJAX Laravel 5.5

Hello guys! I try many method but i have problem! Here is my form and routes:

 <form id="homepage-update" method="post" action="{{ url('mc-adm/post/homepage') }}">
                {{ csrf_field() }}
              <div class="form-group">
                <label for="title"><b class="fa fa-pencil"></b> Title</label>
                <input id="title" class="form-control" value="{{ $article->title }}" name="title">
              </div>
              <div class="form-group">
                <label for="content"><b class="fa fa-home"></b> Content</label>
              <div class="box-body pad">
                    <textarea id="editor1" name="content" rows="10" cols="80">
                         {{ $article->content }}
                    </textarea>
             </div>
              </div>
              <center>
              <div class="form-group">
                <button type="submit" class="btn btn-success btn-sm"><b class="fa fa-save"></b> Запамети</button>
                </form>

Routes:

Route::group(['prefix' => 'mc-adm'], function() {
    // POSTs
    Route::post('/post/homepage', 'AdminController@HomePage');


    // Gets
    Route::get('/', 'AdminController@Main');

});

Thank you in advance

0 likes
5 replies
Snapey's avatar

what is your problem, and what has it got to do with jquery and ajax?

You dont for instance show any javascript

l_stankov01's avatar

@Snapey Here


function updateform(id){
        var data = $('#'+id).serialize();
       // alert(data);
         $.ajax({
            type: 'POST',
            url: "{{url('mc-adm/post/homepage')}})",
            data: {'title' : title, 'content': content}, 
             success: function(data) {
                 $('#id').html(data);


                 $('#alert').text('Updated');
                 $('#alert').fadeOut().fadeIn();

              },
              error: function(data) { // if error occured
                    alert("Error occured, please try again");
                },
                        }); }
l_stankov01's avatar

@Snapey

I try too this:

<script type="text/javascript">
  data = "";

  submit = function(){
    $.ajax({
      url:'{{ url('mc-adm/post/homepage') }}',
      type: 'POST',
      data: {title:$("#title").val(), content:$('#content').val()},
      success: function(response) {
        console.log('success');
      }
    });
  }
</script>
                <button onclick="submit();" type="submit" class="btn btn-success btn-sm"><b class="fa fa-save"></b> Save</button>
html:

              <div class="form-group">
                <label for="title"><b class="fa fa-pencil"></b> Заглавие</label>
                <input id="title" class="form-control" value="{{ $article->title }}" name="title">
              </div>
              <div class="form-group">
                <label for="content"><b class="fa fa-home"></b> Съдържание</label>
              <div class="box-body pad">
                    <textarea id="content" name="content" rows="10" cols="80">
                         {{ $article->content }}
                    </textarea>
             </div>
              </div>

And route are same

Snapey's avatar

noone can help if you dont say what is wrong.

Please or to participate in this conversation.