Displaying the data from database without reloading

Question

HTML

<textarea>Ask a question</textarea><button class="addquestion">POST</button>

After clicking the button the question is added to the database using the following Ajax, jquery and laravel. But, the question is displayed only after reloading. How can the question be added immediately after clicking the button only after storing it in database.

Ajax And Jquery:

$(document).on('click','.addquestion',function(e)
{
    e.preventDefault();
    var question = $(this).prev().val();
    $.ajax({
        type:"POST",
        url: "{{url('/music/addquestion')}}",
        data: {
        "_token": "{{ csrf_token() }}",
        "question": question
        },
        success: function (data) {
            var res = $.parseJSON(data);
            if(res == true)
            {
                alert('question added!');
            }
        }
    });
});

Laravel controller

public function addquestion(Request $request)
    {
        if($request->Ajax())
        {
            $question = new Question();
            $question->question=$request->question;
            if($question->save())
            {
                   echo json_encode(TRUE);die;
            }
        }
    }

Answer 1

Do so after your alert.

 if(res == true)
    {
       alert('question added!');
       //Add question here
    }