Laravel 和 JQuery URL 调用

Question

我正在尝试从个人资料网站中删除图片。上传工作正常，但如果我想删除 ajax 调用不能正常工作。我是一个 laravel 初学者，只是在玩。

我的头型是这样的：

    {{ $profileImageSection }}
<form
    name="update-account"
    action="{{ route('customer.account.profile.action') }}"
    accept-charset="UTF-8"
    enctype="multipart/form-data"
    class="with-padding with-validation"
    data-image-action="{{ route('customer.account.profile.image.action') }}"
    data-image-delete="{{ route('customer.account.profile.image.delete') }}">
    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
    <input type="hidden" name="account_type" value="_Private" />
    <div class="holder message"></div>

我的 ProfileImageSection 是这样的：

    <section class="profile-image">
<div class="profileimage-round">
    @if (empty($image))
    <figure class="placeholder"><i></i></figure>
    @else
    <figure class="placeholder" style="background: url({{ $image }}) no-repeat"></figure>
    @endif
</div>
<form class="upload" name="upload-profile-image">
    <label>Drope here</label>
    <img src="{{ asset('assets/images/loader.gif') }}" />
    <a href="#" class="chose">Choose</a>
    <input type="file" name="profile" class="updatepic" style="/*display: block !important;*/ opacity: 0"/>
</form>
@if (!empty($image))
<form class="delete" name="delete-profile-image">
    <a href="#" class="delete">Delete</a>
    <input type="button" name="profile" class="deletepic" style="/*display: block !important;*/ opacity: 0"/>
</form>
@endif

我用 javascript 尝试的内容类似于：

$('.profile-image .delete a.delete').click(function()
    {
        $(this).parent().find('.deletepic').click();
    });

    $.('form[name=delete-profile-image]')({
        url: $('form[name=update-account]').data('image-delete'),
        type: 'POST',
        dataType: 'json'
    });

网址正确，我的路由如下：

    Route::post('/delete', array(
            'as'    => 'customer.account.profile.image.delete',
            'uses'  => 'UserProfileController@postImage'
        ));

但它不起作用。我尝试了很多，但找不到解决方案了。我认为路由没有调用。谁能帮帮我？

Answer 1

我看到的几个问题..

如果您使用 form helpers ( Form::open() / Form::close() )，则无需手动包含隐藏的 CSRF 令牌元素。然而更大的问题是你的javascript：

$('.profile-image .delete a.delete').click(function() {
    $(this).parent().find('.deletepic').click();
});

$.('form[name=delete-profile-image]')({
    url: $('form[name=update-account]').data('image-delete'),
    type: 'POST',
    dataType: 'json'
});

AJAX 调用在哪里？ （提示，它只是不存在..）当您可以在锚本身上触发 AJAX 调用时，为什么要让锚元素触发对表单内隐藏按钮的单击？尝试将您的 HTML 更改为这样的内容...

@if (!empty($image))
    <a href="#" class="delete">Delete</a>
    {{ Form::open(array('url' => route('customer.account.profile.image.delete'), 'style' => 'display: none', 'id' => 'image_delete')) }}
        {{ Form::text('image', $image) }}
    {{ Form::close() }}
@endif

并将您的 javascript 更新为如下内容：

$('.profile-image .delete a.delete').click(function() {
    $('#image_delete').submit()
});