Laravel和ajaxForm

Question

我是AJAX的新手，我尝试了下面的代码

        <form role="form" id="ff" method="POST">
          <div class="form-group">
            <div class="short"><input type="text" class="form-control" id="exampleInputURL" placeholder="Paste a long URL..."></div>
          </div>
          <button type="submit" class="btn btn-primary btn-lg btn-block">Shorten</button>
        </form>


<script> 
    $(document).ready(function() { 

        $('#ff').ajaxForm({url: 'short', type: 'post'}, function() { 
            alert("Thank you for your comment!"); 
        }); 
    }); 
</script> 

但是它似乎不起作用，我得到了这个错误MethodNotAllowedHttpException

在我的routes.php上

Route::post('short', 'HomeController@ShortUrl');

Answer 1

它可能没有被发布到正确的路线上。试着给它命名，让Laravel为你找出路线。

Route::post('short', array('uses' => 'HomeController@ShortUrl', as => 'ajax.Short'));

$('#ff').ajaxForm({url: '{{ URL::route("ajax.Short") }}', type: 'post'}, function() { 
    alert("Thank you for your comment!"); 
}); 

如果您没有使用刀片，请将{{ URL::route("ajax.Short") }}更改为<?php route('ajax.Short'); ?>

Answer 2

试试这个：

<script> 
        $(document).ready(function() { 

            $('#ff').$.post('short', {example_input_url: $('#exampleInputURL').val() }, function() { 
                alert("Thank you for your comment!"); 
            }); 
        }); 
    </script> 

我使用的是Jquery原生函数，而不是插件。

Answer 3

您可以通过URL::to

$('#ff').ajaxForm({url: "{{ URL::to('creation/store-company-info') }}", type: "POST"}, function() { 
alert("Thank you for your comment!"); 

})；

如果您使用刀片引擎，则可以在不使用刀片引擎情况下使用{{}} sign.Or。