如何在 Laravel 中使用 ajax 请求插入 sessionStorage 数据？

问题描述

我对这个使用 laravel 的 ajax 请求很陌生，目前我被卡住了。我在从数据库插入 sessionStorage 时遇到问题。

例如，我的 sessionStorage 中有：

  Key      Value
=================
gclid      12345
token      abcde

我想使用 ajax 获取 gclid 或 token 值的值并将其存储在数据库中。

在我的 ajax 中，我无法获取这些参数值并将其存储在我的 db 中。我有这个条件来获取参数的 key 像这样的逻辑：

这是在我的控制器中：

if(key == gclid)
   $traffic->traffic_type = $request->('gclid');
else if (key == token)
   $traffic->traffic_type = $request->('token');

如何在我的 jquery 中传递这个变量并在我的控制器中添加一个请求以使用 ajax 获取它？

var gclid = sessionStorage.getItem('gclid');
var token = sessionStorage.getItem('token');

Ajax

// Tracking Parameters
            function storeVisitorParameters() {
                let url = '{{ route('trackvisit') }}';

                var gclid = sessionStorage.getItem('gclid');
                var token = sessionStorage.getItem('token');
                
                const data = {};

                    $.ajax({
                        type: 'POST',url: url,data:data,beforeSend: function (xhr) {
                            var token = $('Meta[name="csrf-token"]').attr('content');
                            if (token) {
                                return xhr.setRequestHeader('X-CSRF-TOKEN',token);
                            }
                        },complete: function() {
                        },success: function (data) {
                            $.notify("Visitor Parameters Stored!",'success');
                        },error: function (xhr,ajaxOptions,thrownError) {
                            console.log('server errors',thrownError);
                        }
                    });
            }

TrafficController.PHP

class TrafficController extends Controller
{
    // Store gclid or token parameters to traffic_tacking_table
    public function storeVisitorParameters(Request $request) 
    {
        $traffic = new TrafficTracking();
        $traffic->user_id = $user->user_id;

        if($traffic->traffic_type = $request->gclid;) // check if key = gclid
        {
            $traffic->traffic_type = $request->gclid;   // store the key in db
            $traffic->traffic_value = $request->get('gclid');
        }
        else if ($traffic->traffic_type = $request->token) // check if key = token
        {
            $traffic->traffic_type = $request->token;   // store the key in db
            $traffic->traffic_value = $request->get('token');
        }

        $traffic->ip_address = $request->ip();
        $traffic->domain = $request->getHttpHost();
        $traffic->save();

        return response()->json($traffic);
    }
}

web.PHP

Route::post('/trackvisit','TrafficController@storeVisitorParameters')->name('trackvisit');

迁移

 public function up()
    {
        Schema::create('traffic_tracking',function (Blueprint $table) {
            $table->increments('traffic_id');
            $table->string('ip_address');
            $table->string('traffic_type');
            $table->string('traffic_value');
            $table->integer('user_id');
            $table->timestamps();
        });
    }

我的主要目标是只获取 sessionStorage 值并向我的控制器发送请求。

解决方法

在您的 php 控制器中，将此 if($traffic->traffic_type = $request->gclid;) 更改为 if($traffic->traffic_type == $request->gclid) ，您正在比较值吗？？它应该是 double == 并在 if 条件下移除 ;

在javascript中捕获csrf令牌为，

var _token = $('meta[name="csrf-token"]').attr('content');

在 AJAX 请求中，

dataType: 'JSON',// Add datatype as JSON,optional still for good practice
 data:{
  _token: _token,gclid: gclid,token: token
},

Inside data {} 您将值（gclid、_token 和 sessionStorage 令牌）作为 JSON 格式的数据传递给 Laravel 控制器

ajax jquery laravel laravel laravel-request