Laravel - Java script - Unable to load a page from web route url in ajax call

Question

I'm passing a parameter in side the $ajax call to link with controller function.

abc.blade.php

inside onClick listener---

$.ajax({
    url: "{{route('getFordHedGpsLocationForSelectedRep')}}",
    type: "GET",
    dataType:"json",
    data: {repc:repCode.trim()}, 
    success: function (data) 
    {
      alert("OK");
    }
});

---

web.php

Route::get('getFordHedGpsLocationForSelectedRep', 'MapController@getFordHedGpsLocationForSelectedRep')->name('getFordHedGpsLocationForSelectedRep');

MapController.php

public function getFordHedGpsLocationForSelectedRep(Request $request) 
    {
        $repCode  = $request->get("repc");

        $result = DB::select('select query to get data');

        $temp = array();
        $output = array();
        $output1 = array();

        foreach ($result as $key => $value) 
        {
            if (trim($value->RepCode) == $repCode) 
            {
                $temp['lat'] = $value->Latitude;
                $temp['lng'] = $value->Longitude;
                $temp['ref'] = $value->RefNo;
                $temp['sTime'] = $value->startTimeSO;
                $temp['eTime'] = $value->endTimeSO;
                $temp['repCode'] = $value->RepCode;
                $temp['debCode'] = $value->DebCode;
                $temp['tAmt'] = $value->TotalAmt;
                $temp['outDis'] = $value->OutDisVal;
                $temp['debName'] = $value->DebName;
                $temp['repName'] = $value->RepName;
                $temp['qty'] = $value->Qty;
                $temp['tDate'] = $value->TxnDate; 
            }                                     

            $output = isset($temp)?$temp:'';
        }

        $output1 = isset($output)?$output:'';       

        return view('selectedRepMap')->with(['repOrders'=> $output1]);

    }

That controller function returns a view (selectedRepMap.balde.php) with view loading data. Unfortunately page not loading automatically after the click event on abc.blade, but inspect network status got '200' for 'getFordHedGpsLocationForSelectedRep' function ($ajax call url) and double click on that function in inspect network area page loading successfully.

Answer 1

Updated code

public function getFordHedGpsLocationForSelectedRep(Request $request) 
{
        $repCode  = $request->get("repc");

        $result = DB::select('select query for data');

        $output1 = isset($result)?$result:'';

        return $output1;
}

abc.blade.php

$.ajax({
    url: "{{route('getFordHedGpsLocationForSelectedRep')}}",
    type: "GET",
    dataType:"json",
    data: {repc:repCode.trim()}, 
    success: function (data) 
    {
        var repOrders = {data};
        var a = JSON.stringify(data);

        console.log(a);
        window.location = '/selectedRepMap?repOrders='+ a;  
    }
  });

newPage.blade.php

var url_string = window.location.href;
var url = new URL(url_string);
var repOrders = url.searchParams.get("repOrders");
var orders = JSON.parse(repOrders);

console.log(orders['value']);