无法通过javascript函数调用路由

Question

我正在尝试通过 javascript 函数调用 laravel 路由。我已经在互联网上和这里一路探索，但我没有找到我的解决方案。我提到了一个关于如何在 javascript 函数中调用路由的堆栈溢出答案，但它对我不起作用。我的路线：

Route::get("edit_contact/{id}",'ContactController@edit');

Javascript 函数：

    {
         var url = '{{ route("edit_contact",":id") }}';
         url = url.replace(':id', count);
         document.location.href = url;          
    }

count 是在 javascript 中定义的，我需要在路由中传递。 问题是它不断给出错误.. Route [edit_contact] not defined.

通过 html 访问时，所有这些路由都可以正常工作。我也尝试通过此方法调用其他路线，但没有一条有效。

Answer 1

在路由文件中：(web.php)

Route::get("edit_contact/{id}",'ContactController@edit');

在js代码中：

这里我使用计数值 3 仅作为示例。您可以使用您的实际计数值。

<script>
   var count = 3;

   var baseurl = window.location.protocol + "//" + window.location.host;

   var url = baseurl + '/edit_contact/' + count;            

   document.location.href = url; 

</script>

Answer 2

试试这件作品。它应该工作：

Route::get("edit_contact/{id}",'ContactController@edit');

javascript code

<script type="text/javascript">

$("#valueid").change(function(e){

       var id= e.target.value; // the id to be pass
        //alert(id);
        //checking the state of the domain if secured or not
           if ("https:" == document.location.protocol) {
            //alert('secured');
            location.href="https://www.example.com/edit_contact/"+id;
        } else {
            //alert('not secured');
             location.href="http://www.example.com/edit_contact/"+id;
        }

    });

</script>

Answer 3

试试

let count=3
document.location.href = `edit_contact/${count}`;

Answer 4

var routeUrl = route('posts.index');
var routeUrl = route('posts.show', {post: 1337});

// Returns results from /posts
return axios.get(route('posts.index'))
  .then((response) => {
      return response.data;
   });

Answer 5

这样命名您的路线：

Route::get("edit_contact/{id}",'ContactController@edit')->name('edit_contact');