How to Post and insert Data into DB using Laravel, Bootstrap Modal and Ajax

Question

Issue is i am not able to get bootstrap modal textarea input value using Input::get(), it returns null.

Modal's submit and text input(my view):

<button type="button" class="btn btn-danger" onclick="customModalSubmitFunction('modalID')">Submit</button>

JS function:

function customModalSubmitFunction(modalID){
    $.ajax({
        type: "POST",
        url: "urlRouteToController"
    });
}

Route.php route

Route::post('urlRouteToController', array(
    'uses' => 'myController@insertValueIntoDatabase',
    'as' => 'urlRouteToController'
));

Controller

public function myController(){
   $dbModel = new Model;
   $dbModel->column1 = Input::get('textbox1');
   $dbModel->save();
}

In conclusion, i cannot get posted data using Input::get('textbox1'). But inserting data into database as null values (because i cannot get textbox value) part works.

Thanks in advance.

@Szenis i tried data: {myData, "urlRouteToController"} too, but in controller i couldn't be able to get posted value using $_POST['myData'] too. That one gave me a null value too. — saimcan
– saimcan, Commented May 26, 2015 at 7:28
You should use the Request class use Illuminate\Http\Request; place this on top right below the namespace of your controller then in the function public function myController(Request $request) Then u can try to var dump the request variable to check if you are reciving any data. for more info check laravel.com/docs/5.0/requests — Szenis
– Szenis, Commented May 26, 2015 at 7:34
@Szenis i am already checking laravel documents and API, btw using laravel 4.2. There's nothing wrong with including namespaces. But thank you for the help. — saimcan
– saimcan, Commented May 26, 2015 at 7:50

Szenis · Accepted Answer · 2015-05-26 08:14:31Z

3

The controller assuming you are adding new users (just for the example). First I devine the model users in the construct function so that the function called myController can use it in a nice/clean way. Then I am calling to a function within the Model.

Use Illuminate\Http\Request;
Use App\Models\Users;

class className extends baseController 
{
    private $users;

    function __construct(Users $users) {
         $this->users = $users;
    }

    public function myController(Request $request) {
        $this->users->createUser($request);
    }
}

The model will need to have the exact same name of the table in the database so assuming we have a table called Users our model class will be Users. The variable fillable makes sure only the given fields may changes the is for protecting things like for example a membership status. The function will create a new record in the database and hash the password of the user.

use Illuminate\Database\Eloquent\Model as Eloquent;

class Users extends Eloquent
{
     protected $fillable = ['username', 'password'];

     public function createUser($request) {
          $this->create([
               'username' => $request->username,
               'password' => \Hash::make($request->password)
          ]);
     }
}

Then the form needs to have a field with the name username and a field with the name password. Or if you want to do it with a ajax request you could do it like this be aware that I am using the ID of the input field in this example.

function customModalSubmitFunction(modalID){
    $.ajax({
        type: "POST",
        url: "urlRouteToController"
        data: {'username' : $('#username').val(), 'password': $('#password').val()}
    });
}

I am using laravel 5 so I am not sure this will work correctly but I hope it will help you

edited May 26, 2015 at 8:14

answered May 26, 2015 at 8:00

Szenis

4,1703 gold badges24 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

saimcan Over a year ago

Thank you. Just because of using serialize(), my function wasn't working. Tried .val() and it works like a charm.

DMS-KH Over a year ago

Why can't user serialize for this ? why not explain?

vedat · Accepted Answer · 2015-05-26 07:28:26Z

2

you need to pass data in $.ajax function.

function customModalSubmitFunction(modalID){
    $.ajax({
        type: "POST",
        url: "urlRouteToController",
        data: $('form-id').serialize(),
    });
}

answered May 26, 2015 at 7:28

vedat

564 bronze badges

3 Comments

saimcan Over a year ago

Tried this one too already. my laravel debugger shows me this query result : insert into myTableName (myField1) values ('') so it still returns a null value.

vedat Over a year ago

in js --> data: {'myData': data}, controller --> Input:get('myData') sould be work

saimcan Over a year ago

debugging says that "Cannot read property 'serialize' of null" which means the value hasn't been reached to the javascript function.

Collectives™ on Stack Overflow

How to Post and insert Data into DB using Laravel, Bootstrap Modal and Ajax

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related