Laravel-通过路由传递参数后Javascript不起作用

Question

我正在尝试创建一个网站，展示从各种电子市场的所有搜索结果。我使用javascript来显示结果，在我尝试通过路由传递参数之前，它工作得很好。但一旦我这样做了，结果就不再显示了。我认为这与Javascript有关。下面是代码:

<?php
use SunraPhpSimpleHtmlDomParser;

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, 'https://www.tokopedia.com/search?st=product&q=hp%2024mh');
curl_setopt($ch, CURLOPT_HEADER, 0);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 300);
curl_setopt($ch, CURLOPT_TIMEOUT, 300);
$response = curl_exec($ch);
curl_close($ch);

file_put_contents("text.html", $response);
echo $keyword;
// $url = 'https://www.tokopedia.com/search?st=product&q=24g2';
// $content = file_get_contents($url);
// $first_step = explode('<div class="css-1d1aa4" data-testid="imgSRPProdMain">' , $content );
// $second_step = explode("</div>" , $first_step[1] );
// echo $second_step[0];
?>
@extends('layout.app')
@section('title')
<title>안녕</title>
@endsection
<!-- Custom CSS -->
<link href="/css/card.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
@section('body')
<div class="container-fluid bg-trasparent my-4 p-3" style="position: relative;">
<div class="row py-5">
<div class="col-sm d-flex justify-content-center">
<h3>Search Result</h3>
</div>
</div>
<div class="row row-cols-1 row-cols-xs-2 row-cols-sm-2 row-cols-lg-4 g-3" id="carda">
</div>
</div>
@endsection
<script>
$(document).ready(function(){
var img;
$( "#carda" ).load( "text.html .css-1d1aa4 > img", function() {
var ancestor = document.getElementById('carda');
var child = ancestor.getElementsByTagName('*');
var i;
for (i = 0; i < 3; i++) {
child[0].remove();
}
$( " #carda > img " ).removeClass("success fade").addClass("productImage");
$( " .productImage ").wrap("<div class='col'><div class='card h-100 shadow-sm'></div></div>");
$( " .card ").append("<div class='card-body'><div class='clearfix mb-3'> <span class='float-start badge rounded-pill bg-success'>Rp. 1,000,000.00</span></div><h5 class='card-title'>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Veniam quidem eaque ut eveniet aut quis rerum. Asperiores accusamus harum ducimus velit odit ut. Saepe, iste optio laudantium sed aliquam sequi.</h5><div class='text-center my-4'> <a href='#' class='btn btn-warning'>View Product</a> </div></div>");
});
});
</script>

下面是web。php的代码:

<?php
use IlluminateSupportFacadesRoute;
use AppHttpControllersSearchController;
Route::get('/', function () {
return view('main');
});
Route::post('/search', [SearchController::class, 'search'])->name('search');
Route::get('/search/{keyword}', [SearchController::class, 'index'])->name('result');
Route::get('/result', function() {
return view('result');
});
Route::get('/test', [SearchController::class, 'test'])->name('test');
?>

和SearchController代码:

<?php
namespace AppHttpControllers;
use IlluminateHttpRequest;

class SearchController extends Controller
{
public function index($a)
{
return view('result', [
'keyword' => $a
]);
}
public function search(Request $request)
{
return redirect()->route('result', [$request->keyword]);
}
public function test(){
return view('result');
}
}
?>

谁能告诉我这是怎么回事?任何帮助将不胜感激!谢谢你:D

Answer 1

我不知道怎么回事，也不知道为什么，但是"text.html"当我通过route传递参数时不工作。我做了一些测试，发现它需要的路径是"yourweb.com/{path这里}"而不是目录。我通过在web.php中为text.html添加新路由来解决这个问题。

Answer 2

如果数组不是关联的，则不需要传递数组中的单个参数。

这样做:

return redirect()->route('result', $request->keyword);