IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

当用户不存在时点击登录不进行提示

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="wrapper">
    <div class="login">
        <p class="text-primary title">后台登录</p>
        <div class="user">
            <input type="text" class="username form-control" placeholder="用户名" id="user">
        </div>
        <div class="pwd">
            <input type="password" class="password form-control" placeholder="密码" id="pwd">
        </div>
        <p id="tip"></p>
        <input type="submit" class="log-in btn btn-info" value="登录" id="log-in">
    </div>
</div>

$('.log-in').click(function () {
    var username = $('#user').val();
    var password = $('#pwd').val();
    $.ajax({
        method: 'POST',
        url: '/carrots-admin-ajax/a/login',
        data:{
            name: username,
            pwd: password
        },
        success: function(response){
            if(response.message === 'success'){
                location.href = 'http://dev.admin.carrots.ptteng.com'
            }else {
                $('#tip').empty().append(response.message);
            }
        }
    });
});

在JSON没有数据解析的时候，如何自制报错

0

1

本地储存

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//localStorage.clear(); 
var info;
var info2;
//var storage;
document.getElementById("button3").onclick=function(){
    window.location.href="proportion3.html";
}
a=true;
var kill=0;
z=1;
for(let c = 0; c<z;c++){
    
document.getElementsByClassName("killer-1")[c].onclick=function(){
    // document.getElementById("day").onclick=function() {

    //     if(a==true){
    //         document.getElementsByClassName("main")[c].style.height=0;
    //         a=false;
    //         }else{
    //             document.getElementsByClassName("main")[c].style.height="237px";
    //             a=true;
    //         }
    //     }
    if(kill==0) {
        var storage;
        var death1;
        kill++;
        window.location.href="vote.html";
        document.getElementsByClassName("killer-1")[c].style.backgroundColor="rgb(128,128,128)";
        
    }else{
        alert("请按顺序来");
    }
}

document.getElementsByClassName("killer-2")[c].onclick=function(){
    
    if(kill==1){
        alert("亡灵发表遗言");
        document.getElementsByClassName("killer-2")[c].style.backgroundColor="rgb(128,128,128)";
        
        kill++;
    }else{
        alert("请按顺序来");
    }
}
document.getElementsByClassName("killer-3")[c].onclick=function(){
    if(kill==2){
        alert("玩家依次发言");
        document.getElementsByClassName("killer-3")[c].style.backgroundColor="rgb(128,128,128)";
        kill++;
    }else{
        alert("请按顺序来");
    }
}
document.getElementsByClassName("killer-4")[c].onclick=function(){
    if(kill==3){
        document.getElementsByClassName("killer-4")[c].style.backgroundColor="rgb(128,128,128)";
       // window.location.href="vote.html";
        z++;
        localStorage.many=JSON.stringify(z);
        console.log(localStorage);
    }else{
        alert("请按顺序来");
    }
}

kill=JSON.parse(localStorage.kill);
if(kill!=0){
    var identify=JSON.parse(localStorage.info);
    var identify2=JSON.parse(localStorage.info2);
    //for()
    document.getElementsByClassName("people-information")[c].innerHTML =identify2+"被杀死，他的真实身份是"+identify;
    document.getElementsByClassName("killer-1")[c].style.backgroundColor="rgb(128,128,128)";
    console.log(identify2);
    }
    z=JSON.parse(localStorage.many);
    console.log(z);
if(z>1){
    clone2 = document.getElementsByClassName("main-inner")[c].cloneNode(true);
    document.getElementById("main-all").appendChild(clone2);
}
}
document.getElementById("button3").onclick=function(){
    window.location.href="daily.html";
}
document.getElementById("button2").onclick=function(){
    
      var r =confirm("是否结束游戏");  
      if(r == true){
         
        localStorage.clear();
        window.location.href="proportion.html";
      }
      else{
          return false;
      }                                                                
}

无论验证是否正确页面都无法进行跳转。

0

1

Ajax

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$('.log-in').click(function () {
    var username = $('#user').val();
    var password = $('#pwd').val();
    $('#tip').empty();
    if (username === '' || password === '') {
        $('#tip').append('请输入用户名和密码');
    }else{
        $.ajax({
            method: 'POST',
            url: '/carrots-admin-ajax/a/login',
            data:{
                name: username,
                pwd: password
            },
            success: function(response){
                if(response.message === 'success'){
                    location.href = 'http://dev.admin.carrots.ptteng.com';
                }else {
                    $('#tip').append(response.message);
                }
            }
        });
    }
});

写的警告框是当除4-18以外的内容出现警告框，但是警告框的出现不太合理。

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

HTML:
    <form action="">
    <div class="number">
        玩家人数 <input type="number" value="4"  id="number" class="numberBox"> 人（4-18人）<br>
        <input type="button" class="reduce" id="reduce">
        <input type="range" value="4" id="myRange" class="range" min="4" max="18" >
        <input type="button" class="plus" id="plus">
    </div>
        <input type="button" value="去发牌" class="start ">
    </form>

JS;
//创建玩家角色数组：
function aPlayer() {
    aKillers = [];
    aPeople = [];
    for (var i = 0; i < killer.innerText; i++) {
        aKillers.push(roleKllers);
    }
    for (i = 0; i < people.innerText; i++) {
        aPeople.push(rolePeople);
    }
    allRole=aKillers.concat(aPeople);
    console.log(allRole);
}
//洗牌
function shuffle() {
    for (var i = allRole.length; i--;) {
        var random = Math.floor(Math.random() * (i + 1));
        var temp = allRole[i];
        allRole[i] = allRole[random];
        allRole[random] = temp;
    }
    console.log(allRole);
}
//数字框与滑块联动
number.oninput = function () {
    aPlayer();
    shuffle();
    if (number.value >= 4 && number.value <= 18) {
        myRange.value = number.value;
        killer.innerText = Math.round((number.value) * 0.25);
        people.innerText = number.value - killer.innerText;
    }
    else {
        alert("请输入正确范围内的数字");
    }
}

设置x=0；函数内设置x=x++； x为什么一直为0，而x=++x；x自增

0

1

js基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var x = 0;
var a = 0;
function myButton1(){
    x = x++;
    a = ++a;
    console.log(x);
    console.log(a);
}

postman的用法

0

1

postman

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// java的后台接口参数形式
// 请问postman或者Ajax应该怎么传参
@RequestMapping("/purchase")
public ApiResult purchase(@RequestParam Integer invoiceTypeId, @RequestBody  List<GoodsOutInDetailVo> list) {
    return ApiResultUtil.Success(invoiceTypeId.toString(),list);
}

微信网页授权证书应该放在哪里

1

微信

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

关于跨域和POSTMAN的问题

0

1

跨域 postman

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 声明使用JQ
$(document).ready(function () {
    // 开始点击事件
    $('form').submit(function () {
        // 点击事件获取到输入框的数值
        console.log($('#ID')[0].value);
        console.log($('.password')[0].value);
        if ($('#ID')[0].value == '') {
            $('#show')[0].innerHTML = '请输入账号';
            console.log(show)
            return false;
        } else if ($('.password')[0].value == '') {
            $('#show')[0].innerHTML = '请输入密码';
            console.log(show);
            return false;
        } else {
            // 先用url请求地址
            var url = '/carrots-admin-ajax/a/login';
            // 调用上方form对象并且序列化
            var formdata = $(this).serialize();
            console.log(formdata)
            // 开始发送url和formdata请求参数
            $.post(url,formdata,
                function(data){
                    if (data.code == 0) {
                        console.log(1);
                        console.log(data)
                        location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard'
                    } else {
                        console.log(show)
                        show.innerHTML = data.message;
                        console.log(2);
                        console.log(data)
                    }
            },'json');
            return false;
        };
    })
})

克隆一个节点，循环3次，然后打印他，为什么每次都是打印出四个。

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for(i = 1; i < lenSquare; i++) {
    var square = document.getElementsByClassName("square")[0];
    var newSquare = square.cloneNode(true);
    square.parentNode.appendChild(newSquare);
    console.log(square.parentNode);
}

vue中自定义事件无法被捕获

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

closeCalendar() {
        this.$emit('closeCalendar');
      }

<calendar v-on:closeCalendar="isCalendarShow=false"></calendar>