美文网首页
HTML&JavaScript使用笔记

HTML&JavaScript使用笔记

作者: TwT_Zhangkai | 来源:发表于2017-11-02 18:44 被阅读0次

JS中url的注意事项

   var deleteSecretary = function (branchId) {
        $.ajax({
            url: '/manager/party-branch/' + branchId + '/delete-cadre/1',
            method: 'patch',
            data: 'form',
            dataType: 'json',
            success: function (data){
                if(data.success){
                    alert('删除成功');
                    window.location.reload();
                }else{
                    alert(data.message);
                }
            }
        })
    }

此时是正确的,但是如果少掉了url里的第一个' / ',路由解析就会谜一样地错了

前端页面的确认弹窗

1.表单提交

HTML代码如下

<form name="form" method="POST" action="{{ url('manager/party-branch/'.$branch['id'].'/member-delete') }}">
     <input type="hidden" name="_token" value="{{ csrf_token() }}">
           <div class="box-footer">
                 <button type="submit" id="submitButton" class="btn btn-primary">提交</button>
           </div>
</form>

JS代码为

$('#submitButton').click(function(){
    if(window.confirm('被勾选的成员都将不会属于该支部了,确定要继续?')){
        return true;
    }//end of if
    else{
        return false;
    }
});

id = "submitButton"是中间参数

2.页面按钮(如删除按钮等)

HTML代码如下

<button type="button" class="btn btn-block btn-success btn-xs" 
  onclick="if(confirm(真的确定要关闭该期培训?')) 
  closeTrain({{ $train['id'] }})">关闭</button>

closeTrain为JS代码中的一个函数
JS代码为

var closeTrain = function closeTrain (id) {
    $.ajax({
        'url': '/manager/academy/train-list/' + id + '/close',
        'method': 'patch',
        'dataType': 'json',
        'success': function (data) {
            if(data.success){
                alert('xxx');  
                window.location.reload();
            }else{
                alert(data.message);
            }
         }
    });
};

相关文章

网友评论

      本文标题:HTML&JavaScript使用笔记

      本文链接:https://www.haomeiwen.com/subject/xnsmpxtx.html