Posting using jquery revamped

Say you want to edit a record and post the form using jquery.
A prerequisite for this: You should already be familiar with Authentication / Security
and posting forms the regular way in laravel. Wouldn't hurt to watch some videos on
youtube, and grasp the basics of jquery. And learn how to include it if you are using
the form helper. This is just a basic example but it works.

Here is the simple technique used.

Edit form with jquery code at bottom, you could have a separate jquery file for this,
but keeping it simple for this and showing only one field being updated.

FORM:

<html>
<head>
<script type="text/javascript" src="include/jquery.js"></script>
<script type="text/javascript" src="include/myjq.js"></script>
</head>
<body>
</body>
<div style="margin-right:auto;margin-left:0px; width:600px;">
<!-- Can also be used for regular laravel post -->
<form id="peditform" method="post" action="pupdate">  

<input type="hidden" name="_token" value="{{ csrf_token() }}">
<input type='hidden' name='petid' value="{{ $data->petid }}">
<table style="border:none;">
<tr>
<td class="aright">petname:</td>
<td>
<input type="text" name="petname" id="petname" value="{{ $data->petname }}">
</td>
</tr>
<table>
    <p style="margin-left:50px;"><input type='submit' name='updatepet' value='updatepet'></p>
</form>
<a id="updatejq" href="">  [updatejq ]  </a>
<!-- Above line calls the jquery function -->
</div>
<?php
$vurl = Session::get('areturn');
echo "<a href=".$vurl.">back</a>";
?>
</body>  

<script>

$(function() {

$("a#updatejq").click(function() {
	//No special header needed, form is serialized, token goes right through
	//no different than a regular laravel post.
     dataString = $("#peditform").serialize();
     alert('here');
     $.ajax({
        type: "POST",
        url:'<?php echo "pupdate";?>',  //Notice here you just echo out the route to controller method.
        data: dataString,
        //dataType: "json", //////////json not applicable at all here. Commented out.
            success: function() {
            alert('updated');
            //You could even have a modal popup
            //here to notify an update.
                
                }
 	});
 return false;
 });
});  ///end all jquery



</script>
</html>

controller code for the update

 public function pupdate(Request $request){
            $petid = $request->input('petid');
            $petname = $request->input('petname');
            $postdata = [
            'petname' => $petname
            ];
            \Illuminate\Support\Facades\DB::table('pets')
            ->where('petid',$petid)
            ->update($postdata);
            return redirect(Session::get('areturn'));

Routes

<?php

/*
|--------------------------------------------------------------------------
| Application Routes
|--------------------------------------------------------------------------
|
| Here is where you can register all of the routes for an application.
| It's a breeze. Simply tell Laravel the URIs it should respond to
| and give it the controller to call when that URI is requested.
|
*/
$router->group(['middleware' => 'auth'], function($router)
    {
	Route::get('login', 'Auth\AuthController@getLogin');
	Route::post('loggin', 'Auth\AuthController@postLogin');
    	Route::get('pedit', array('uses' => 'PetsController@petedit'));
    	Route::post('pupdate', array('uses' => 'PetsController@pupdate'));
    });

Route::get('/', 'WelcomeController@index');

Route::get('home', 'HomeController@index');

Route::get('owner/mytest2', array('uses' => 'PownersController@mytest2'));





Route::get('logout', 'Auth\AuthController@getLogout');
Route::get('register', array('uses' => 'Auth\AuthController@getRegister'));
Route::post('doregister', array('uses' => 'Auth\AuthController@postRegister'));


Route::controllers([
	'auth' => 'Auth\AuthController',
	'password' => 'Auth\PasswordController',
]);

I know I do not have the best formatted code, but it works.
Anyway jquery is that simple to use..
And for those who wish to criticize the example, do so, but first show
your complete example of posting using jquery, so all can learn.
And I use controllers, I do not like cramming code in the routes.

Moderators