Laravel 与 Ajax：不正确的路由

Question

我正在尝试根据“部门”填充“职位”下拉列表。 Ajax 调用在“部门”下拉列表的change 事件上触发。

问题是Ajax调用无法到达正确的路由：

• url: 'ajax/get-position' - 网址是：localhost/public/join/ajax/get-position?dept_id=5
• url: '/ajax/get-position' - 网址是：localhost/ajax/get-position?dept_id=5

这两个网址都是错误的，我不知道为什么。尤其是第一点中的 /join/ 对我来说是个谜。正确的 URL 应该是 localhost/public/ajax/get-position?dept_id=5。我相信路由中存在某种冲突，但我不确定在哪里。

Ajax 调用是在 localhost/public/join/editor 页面上进行的。

JS：

...
...
$.ajax({
    url: 'ajax/get-position',
    data: {
        dept_id: value
    },
    type: 'GET',
    dataType : 'json',
    success: function(json) {
        //
    },
    error: function(xhr, status, errorThrown) {
        //
    }
});
...
...

路线：

Route::get('join/editor',
    array(
        'uses' => 'DefaultController@showEditorRegistration',
        'as' => 'editorRegistration'
    )
);

Route::post('join/editor',
    array(
        'uses' => 'DefaultController@createEditor',
        'as' => 'createEditor'
    )
);

// ROUTE FOR AJAX CALL
Route::get('ajax/get-position',
    array(
        'uses' => 'DefaultController@getPositionsByDepartment',
    )
);

有什么想法吗？

编辑：

JavaScript 位于外部文件中。如果我将 JS 直接放在 Blade.php 视图中并使用 URL::route('routename') 作为 Ajax url 值 - 一切正常。但是，仅使用 url: ajax/get-position - 不会。疯狂的世界。

Answer 1

我不完全确定，但根据我们关于您项目细节的对话，我认为问题与您的文档根目录的位置有关。 public 目录不应该出现在你的任何 laravel 项目的 url 中。

我创建了一个演示项目来演示与Laravel and Ajax 的简单交互。这是一个原版的 laravel 项目，对 hello 视图做了些许改动。

签出项目，导航到公共文件夹，然后使用以下命令启动临时 phpserver：

php -S localhost:8002

然后您可以转到网址http://localhost:8002 以访问主页。

如果您检查主页上的链接并查看使用URL 外观为路由tester 生成的url。该 URL 不包含 public 目录：

http://localhost:8003/tester

您还可以查看 ajax 设置，发现您也可以使用 tester 路由。

    $('#getbutton').click( function (){
            $.ajax({
                url: 'tester'

                }).complete(function (a){
                    alert(a.responseText);
                }).error(function (a){
                   console.log(a);
                });
    });

使用链接或 ajax 调用按钮单击将点击路由文件中的 tester 路由：

Route::get('tester',[ 'as' => 'tester', 'uses' => function (){
    return 'worked';
}]);

链接可以通过路由文件中分配的路由名称tester命中路由，ajax请求可以从查询字符串中命中路由。

您项目中的路由看起来不错，并且在 ajax 调用中使用 ajax/get-position 作为您的 url 应该不是问题。

试试这个项目。即使问题不是 webroot 问题，也希望它能帮助您找出问题的根源。