Javascript-为什么我的路线返回404错误Laravel？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript-为什么我的路线返回404错误Laravel？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2437字，纯文字阅读大概需要4分钟。

内容图文

我目前正在尝试对某种形式的帖子提出AJAX请求,但是我尝试向其发送数据的PHP解析脚本返回了我可以通过Chrome开发者工具看到的404错误.这是我的代码：

<script type="text/javascript">

function ajax_post(){
    var hr = new XMLHttpRequest();
    var url = "/products/parse.blade.php";
    var productName = document.getElementById("productName").value;
    var quantityInStock = document.getElementById("quantityInStock").value;
    var pricePerItem = document.getElementById("pricePerItem").value;
    var totalValueNumber = quantityInStock * pricePerItem;
    var route = "productName="+productName;
    hr.open("POST", url, true);
    hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    hr.onreadystatechange = function() {
        if(hr.readyState == 4 && hr.status == 200) {
            var return_data = hr.responseText;
            document.getElementById("status").innerHTML = return_data;
        }
    }
    hr.send(route);
    document.getElementById("status").innerHTML = "processing...";
}

</script>

<div class="container-fluid form-container">
  <div class="row">
    <div class="col-lg-3 col-md-12">

            <div class="form-group">
                <input type="text" name="productName" id="productName" placeholder="Product Name" class="form-control" required>    
            </div>

            <div class="form-group">
                <input type="number" name="quantityInStock" id="quantityInStock" placeholder="Quantity in Stock" class="form-control" required> 
            </div>

            <div class="form-group">
                <input type="number" step="0.01" name="pricePerItem" id="pricePerItem" placeholder="Price per Item" class="form-control" required>  
            </div>

            <input type="submit" value="Create Product Listing" class="btn btn-primary" onclick="ajax_post();">

            <hr>
            <div id="status"></div>

    </div>
  </div>
</div>

我正在使用Laravel,这个视图product.create和我试图用来解析数据的文件products.parse都在我的views文件夹的products目录中.但是,当我尝试提交时,得到的只是状态div中的“处理中”响应,以及Chrome开发者控制台中mydevsite.dev/products/parse路由的404错误.

我认为我需要定义一条路线,因此我添加了：

Route::post('/products/parse', 'ProductController@parse'); 

哪个返回

return view('products.parse');

但是,这只是将我的错误更改为419.我认为它与CSRF字段有关,但是我不确定如何将其包括在内,因为它不是HTML,而是仅包含表单元素.为什么我的路线返回404或419错误,我该如何解决？

解决方法:

您发布到错误的URL.

一定是这样的：

var url="/products/parse";

并且您还需要发送CSRF令牌(否则将导致419错误),描述为here：

将此meta标签放入您的< head>标签：

<meta name="csrf-token" content="{{ csrf_token() }}">

然后像这样通过jQuery访问它：

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

内容总结

以上是互联网集市为您收集整理的Javascript-为什么我的路线返回404错误Laravel？全部内容，希望文章能够帮你解决Javascript-为什么我的路线返回404错误Laravel？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端