AJAX-带有Slim PHP的404

Question

尝试在我的Slim PHP应用程序中使用AJAX获取数据时，控制台中显示404（未找到）。 这是错误消息：

http://localhost:8888/Project/mods/public/edit-mod/ajax/get-categories?gameID=1  404 (Not Found)

这是在routes.php文件中定义的路由（已正确包含，所有其他路由都在工作）：

$app->get("/ajax/get-categories/", function() use ($app, $User, $Game, $Mod){

    //Fetch data and echo it
});

最后，这是我在JS脚本中调用AJAX页面的方式：

$.get("ajax/get-categories", {gameID: gameID}, function(data){

    //Do something with data    
}); 

我尝试将Slim路由更改为“ ajax / get-categories /”（不带/ ），但没有任何改变，我还尝试了AJAX调用的一系列不同路径（在JS脚本中），但没有任何变化工作，无论如何我总是得到404。

当我在脚本中仅调用ajax/get-categories时，似乎是将当前页面（例如edit-mod/ ）附加到路由中，也许这就是我的问题。

有没有一种方法可以匹配所有以ajax/get-categories结尾的路由，以便上upload/ajax/get-categories和edit-mod/ajax/get-categories都能起作用？

让我知道是否需要更多代码，我想我已经包含了与该问题有关的所有内容。

Answer 1

我还没有使用Slim框架。 但是我在文档中进行了查找，我认为这不是应该将参数传递给GET请求的方式。

在您的路线中，将代码更改为如下所示：

$app->get("/ajax/get-categories/:gameID", function($gameID) use ($app, $User, $Game, $Mod){
    // You can use the query string $gameID here...
    var_dump($gameID);
    // Do other stuff here...
});

在您的JavaScript文件中：

// I assume in there is a gameID variable in your JavaScript.
$.get("ajax/get-categories/" + gameID, function(data) {

    //Do something with data    
}); 

告诉我是否可行。

请参阅此处的文档。

Answer 2

$app->get("/:segment/ajax/get-categories", function($segment) use ($app, $User, $Game, $Mod){

    //Fetch data and echo it
});

Answer 3

我曾经使用过Slim Framework;）

看，这就是我设法使Ajax与Slim框架一起工作的方式。

首先，你必须声明路线GET 和 POST（当我第一次尝试后声明只，它没有工作）：

得到：

$app->get('/your/url',$permission(),function() use ($app){
  //here you can check whether it is an ajax call
})->name('your.url');

开机自检：

$app->post('/your/url',$permission(),function() use ($app){
    //get the data:
    $request    =   $app->request;/*getting post data*/
    $var1       =   $request->post('var1');
    $var2       =   $request->post('var2');
    //echo '| For log and testing purposes you can echo out the gotten values. Var1: '.$var1.'. Var2: '.$var2;
    //DO YOUR STUFF here, for example, database processing with Eloquent ORM
    $saved=$user->save();
    if($saved){ echo '[success]';}else{echo '[error]';}/*http://stackoverflow.com/a/27878102/1883256*/
})->name('your.url.post');

现在，从视图的角度，使您的ajax像这样：

<script type="text/javascript">
    /*Referencias: https://www.codecourse.com/forum/topics/use-jquery-ajax-post-with-the-authentication-series/527*/

        /*Permissions*/
        $(function() {
            $('#your_element').change(function(){
                var var1 = this.val1;
                var var2 = this.val2;
                console.log('Value1 is: '+var1+' and value2 is: '+var2);

                $.ajax({
                    data: {var1: var1,var2: var2,{{ csrf_key }}: "{{ csrf_token }}"},
                    type: "POST",
                    dataType: "json",
                    headers: { "cache-control": "no-cache" },
                    url: "/your/url" //add ../your/url if needed
                });//ajax end
            });
        });
    });
</script>

而已。

• 如果在表单中使用它，则发送csrf令牌也很重要。