canihelpyou

339 经验值

jQuery阻止表单默认提交行为后,要继续进行提交行为,需要怎么做?

具体是这样的:

一个删除按钮,在提交之前用sweetalert2提示一下,当按下提示框中的“确认”按钮后,继续提交表单。
html代码:

<form action="/articles/  $article->id  " method="POST">
      method_field('DELETE')  
      csrf_field()  
    <input class="btn btn-danger btn-sm need-alert" type="submit" value="删除">
</form>

js代码:

    <script>
        $('.need-alert').on('click', function (event) {
            //阻止默认提交事件
            event.preventDefault();
            
            //sweetalert2的提示框代码:
            swal({
                title: '确定要删除吗?',
                text: '删除后不能恢复!',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '确认删除'
            }).then(function () {
                
                
            }).catch(swal.noop);
        })
    </script>

preventDefault()阻止默认提交事件后,sweetalert2提示框可以正常弹出。

问题:

当点击sweetalert2提示框的“确认删除”后,要继续提交这个表单,要怎么写?

laravel用npm安装一个包之后如何引入?

比如,我要使用sweetalert2,先安装:

npm install --save sweetalert2

在laravel的\resources\assets\js\bootstrap.js的文件中,默认内容是这样的:

window._ = require('lodash');

try {
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
} catch (e) {}


window.axios = require('axios');

window.axios.defaults.headers.common['X-CSRF-TOKEN'] = window.Laravel.csrfToken;
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

上面内容看起来好像是引入了lodash,jquery,bootstrap,axios,但它们的写法不同,分别是:

window._ = require('lodash');
window.$ = window.jQuery = require('jquery');
require('bootstrap');
window.axios = require('axios');

问题:
1、现在我要引入sweetalert2,应该怎么写?
2、能否解释一下上面4种写法分别是什么意思?

laravel分组中的路由要访问分组外面的控制器怎么办?

比如下面的路由:

Route::get('/settings', 'SettingsController@index');
Route::group(['prefix' => 'user', 'namespace' => 'User', 'middleware' => ['auth', 'role:user']], function () {
    Route::resource('dashboard', 'DashboardController');
    Route::get('/settings', 'SettingsController@index'); //这里的本意是要访问外面的SettingsController
});

分组中的SettingsController那条路由本意是要访问外面的SettingsController,要怎么写才可以?

使用vuejs时,变量在a标签中怎么解析?
比如下面这个:

<a href="/articles/@  item.id  /edit"></a>

按F12在浏览器调试窗口中看到的是这样的,解析不出来:

<a href="/articles/  item.id  /edit"></a>

要怎么写才可以?

laravel5.4自带的auth生成的路由后面有个name()表示什么意思?
如下所示:

Route::get('/home', 'HomeController@index')->name('home');

name('home')表示什么意思?

要不你用laravel5.4试一下,我把步骤写在上面,很快的,复制就行了,已更新。

改了,还是不行,我是新建的一个项目来写的demo,没有改其他设置,只执行了npm install安装需要的包。

我更新了一下问题,不知问题出在哪里,控制台没有报错。