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

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

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

如何将http请求后的数据传递到分页指令中

0

1

angular 插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

console.log(this)
        $scope.params = $state.params;
        //console.log($scope.params)//获取路由参数
        //获取文章分类
        let params = $scope.params
        var getACSuccess = function successCallback(res) {
            var  code = res.data.code;
            console.log(res)
            if(code==200) {
                var data = res.data.data
                $scope.articleList = data.articleList;
                $scope.articleCount = data.articleCount; 
                $scope.count = data.articleCount;
                $scope.all = Math.ceil(60/ 10);
                $scope.listSize = 10
                $scope.total = 123
            };  
        };
        // console.log($state.params)
        console.log($state)
        let getACErr = function successCallback(res) {
            let code = res.data.code;
            console.log(res)
        };
        //判断size&Num是否为null
        $scope.params.pageSize ? $scope.params.pageSize: $scope.params.pageSize = 10;
        $scope.params.pageNum ? $scope.params.pageNum: $scope.params.pageNum = 1;
        //数据请求
       
        ajaxService.getArtcileList(params).then(getACSuccess,getACErr);

该问题已被官方收录

JS任务四，关于页面的跳转问题，页面的跳转如何在返回法官台本的时候渲染出文字

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 存贮玩家身份，存活
var data = JSON.parse(localStorage.getItem('PartArr'));
console.log(data);

var a = document.getElementsByClassName("box")[0];
var b = document.getElementsByTagName("main")[0];
var c = document.getElementsByClassName("civilian");
var d = document.getElementsByClassName("number");


// 重新声明了对象
function dx(pm, zt, sf) {
    this.pm = pm;
    this.zt = zt;
    this.sf = sf;
};

// 再次声明空数组
var array1=[];



 

// 保存上面声明的对象
localStorage.setItem("dx", JSON.stringify(dx));
console.log(dx);



var sharen;

function chan() {
    for (var i = 0; i < data.length - 1; i++) {
        var aa = a.cloneNode(true);
        b.appendChild(aa);
    }
}
chan();
// 声明一个变量T
var T;

for (let i = 0; i < data.length; i++) {
    c[i].innerText = data[i].breed;
    d[i].innerText = data[i].num
}
// 记录下被杀的人
var H = document.getElementsByClassName("box1");
for (var i = 0; i < H.length; i++) {
    var P = H[i];
    P.index = i; 
    P.onclick = function () {
        sharen = this.index;
        // 把T赋予给这个全局变量
        T = sharen;
        console.log(sharen)
    }

}

// var o=JSON.parse(localStorage.getItem('array'))
// console.log(o)


// 判断是否有定义
function queren() {
    for (i = 0; i < data.length; i++) {
        console.log(status)
        // 把构造函数的身份进行判断
        if (data[T].breed == "杀手") {
            alert("杀手不能杀死杀手")
            // 返回值，不输出的话会弹出四次
            return
        } else if (data[T].breed == "平民") {
            data[T].status = '死亡';
            // show.innerHTML='世纪开始剧烈的'
        }
    }
    console.log(data)
    // 储存这个页面的杀人数值
    localStorage.setItem("PartArr", JSON.stringify(data));
    window.location='./../js4法官台本/js4-1.html'
}


// 读取上个页面保存的数值
var data = JSON.parse(localStorage.getItem('PartArr'));
console.log(data)
// 获取显示页面的ID
var show = document.getElementById('show');
var box1 = document.getElementsByClassName('box1')[0];
var Boxtokill = document.getElementsByClassName('Box-to-kill');
console.log(show)

var dqq = JSON.stringify(localStorage.getItem('array1'));
var fate = document.getElementById('fate');
// show.innerHTML = '隐藏并传递给' + (data[1].breed + 1) + '号'

function sr() {
    window.location = './../js4杀手杀人/js4-3.html'
    for (i = 0; i < data.length; i++) {
        if (data[1].breed == "杀手") {
            alert("杀手不能杀死杀手")
            // 返回值，不输出的话会弹出四次
            return
        } else if (data[1].breed == "平民") {
           show.innerHTML='世纪开始剧烈的'
        }
    }
}
console.log(show)

该问题已被官方收录

关于使用富文本编辑器

0

1

富文本编辑器

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

--------------------------------------------------------------------------------HTML部分------------------------------------------------------
<template>
    <el-row>
        <!-- 右边新增列表 -->
      <div style="margin-left: 2%;margin-top: 2%;width: 73.7%;box-shadow: -1px 0px 7px #888888;">
        <p class="newArticle">新增Article</p>
        <!-- 新增下面盒子 -->
        <div class="parameter">
          <div style="margin-left: 12%;margin-bottom: 2%;padding-top: 3%;">
            <span>标题名称</span>
            <input style="width: 80%;margin-left: 3%;" type="text" v-model="xd.title">
          </div>
          <div style="margin-left: 12%;margin-bottom: 2%;">
            <span>类       型</span>
            <select style="margin-left: 3%;" v-model="xd.type">
              <option value="">请选择</option>
              <option value="0">首页Banner</option>
              <option value="1">找职位Banner</option>
              <option value="2">找精英Banner</option>
              <option value="3">行业大图</option>
            </select>
          </div>
          <div style="margin-left: 12%;margin-bottom: 2%;">
            <span>说       明</span>
             <quill-editor style="width: 80%;float: right;margin-right: 11%;"  v-model="content"
               :options="editorOption"
               @blur="onEditorBlur($event)"
               @focus="onEditorFocus($event)"
               @change="onEditorChange($event)">
            </quill-editor>
          </div>
          <div style="margin-left: 12%;margin-bottom: 2%;margin-top: 14%;">
            <span>跳转链接</span>
            <input v-model="xd.url" style="width: 80%;margin-left: 3%;" type="text">
          </div> 
          <div style="margin-left: 12%;margin-bottom: 2%;">
            <span>配       图</span>
            <label class="uupfile" for="upfile">选择文件</label>
            <input id="upfile"  style="margin-left: 3%;width: 70px;display: none;" type="file" @change="upfileFile">
            <img ref="nam" :src="xd.imgurl" alt="配图预览" style="display: block;margin-left: 9.5%;margin-bottom: 2%;width: 42vw;">
            <table class="image">
              <thead>
                <tr>
                  <th>图片名</th>
                  <th>文件大小</th>
                  <th>进度</th>
                  <th>操作</th>
                  <th>操作</th>
                </tr>
                <tr v-if="imgData">
                  <td>{{imgName}}</td>
                  <td>{{imgSize}}</td>
                  <td class="con">
                    <span class="bar" :style="{width:proBar+'%'}">{{proBar}}%</span>
                  </td>
                  <td>{{imgStatus}}</td>
                  <td>
                    <button @click="upload" style="margin-left: 10%;">上传</button>
                    <button @click="deletee" style="margin-left: 10%;">删除</button>
                  </td>
                </tr>
              </thead>
            </table>
          </div>
          <div style="padding-bottom: 3%;">
            <el-row>
            <el-button type="success" :disabled="btn" @click="goOnline(2)" class="online">立即上线</el-button>
            <el-button type="success" :disabled="btn" @click="goOnline(1)" class="draft">存为草稿</el-button>
            <el-button @click="cancell" class="cancel">取消 </el-button>
            </el-row>
          </div>
        </div>
      </div>
      </el-row>
</template>
-------------------------------------------------------------------------JS部分------------------------------------------------------------
<script>
  import axios from "axios";
  import {
    article
  } from "@/http/article.js";
  import qs from 'qs';
  export default {
    data() {
      return {
        files: null,
        jobShow: false,
        job: "",
        proBar: 0,
        titleee: "", //新增或编辑
        imgName: "", //图片预览名称
        imgSize: "", //图片预览大小
        imgData: false, //未上传图片隐藏图片属性
        imgStatus: "", //图片预览状态
        url: '',
        uurl: '',
        newUrl: '',
        xd: {
          title: "",
          type: "",
          url: "",
          imgurl: ""
        },
        background: false,
        CompanyLocation: false,
        Article: false,
        listt: [],
        reader: {},
        contentt: '',
        btn: true
      }
    },
    methods: {
      // 图片上床东西
      clear() {
        this.imgName = "",
          this.imgSize = "",
          this.imgStatus = "",
          this.proBar = 0,
          this.imgStatus = "未选择图片"
      },
      //上线 草稿确认按钮
      goOnline(status) {
        if (this.newUrl == "") {
          this.uurl = this.oldUrl;
        } else if (this.newUrl != "") {
          this.uurl = this.newUrl;
        }
        console.log(this.uurl)
        if (this.uurl === "") {
          alert("请上传图片");
          return;
        }
        let params = {
          content: this.content,
          title: this.xd.title,
          status: status,
          img: this.uurl,
          url: this.xd.url,
          createAt: this.createAt,
          type: this.xd.type,
        }
        let paramss = {
          content: this.content,
          title: this.xd.title,
          status: status,
          img: this.uurl,
          url: this.xd.url,
          type: this.xd.type,
        }
          console.log(paramss)
          article.addArticle(paramss)
            .then(res => {
              console.log(res)
              this.$router.push({
                path: "personal"
              });
              // alert("新增成功")
            })
          console.log(this.btn)
        // }
      },
      cancell() {
        this.$router.push({
          path: "personal"
        });
      },
      //上传
      upload() {
        this.imgStatus = "上传中";
        let that = this;
        let config = {
          //动态改变上传进度条
          onUploadProgress(progressEvent) {
            //    console.log(onUploadProgress)
            console.log(this)
            that.proBar =
              ((progressEvent.loaded / progressEvent.total) * 100) | 0;
            console.log(this.proBar)
          }
        };
        console.log(this.proBar)
        article.uploadImg(this.fileDataa, config)
          .then(res => {
            this.imgStatus = "上传成功";
            let url = res.data.data.url;
            this.newUrl = url;
          })
          .catch(error => {
            this.imgStatus = "上传失败";
          })
        console.log('成功否')
      },

该问题已被官方收录

有限状态机方法不执行的BUG

0

1

事件有限状态机

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="state-machine.js"></script>
    <style>
        button {
            display: block;
            margin: 30px 0;
            width: 50px;
            height: 20px;
        }
    </style>
</head>
<body>
<button id="one">one</button>
<button id="two">two</button>
<button id="three">three</button>
<button id="four">four</button>
<script>
    $(document).ready(function () {
        var fsm = new StateMachine({
            init: 'test1',
            transitions: [
                {name: 'kill', from: 'test1', to: 'test2'},
                {name: 'ghost', from: 'test2', to: 'test3'},
                {name: 'speak', from: 'test3', to: 'test4'},
                {name: 'vote', from: 'test4', to: 'test1'}
            ],
            methods: {
                onAfterKill: function (lifecycle) {
                    console.log("状态: "+ fsm.state);
                    sessionStorage.setItem('stateOne',fsm.state);
                    $('#one').css('background-color', 'orange');
                },
                onGhost: function (lifecycle) {
                    console.log("状态: "+ fsm.state);
                    sessionStorage.setItem('stateTwo',fsm.state);
                    $('#two').css('background-color', 'orange');
                },
                onSpeak: function (lifecycle) {
                    console.log("状态: "+ fsm.state);
                    sessionStorage.setItem('stateThree',fsm.state);
                    $('#three').css('background-color', 'orange');
                },
                onAfterVote: function (lifecycle) {
                    console.log("状态: "+ fsm.state);
                    sessionStorage.setItem('stateFour',fsm.state);
                    sessionStorage.removeItem('stateOne');
                    sessionStorage.removeItem('stateTwo');
                    sessionStorage.removeItem('stateThree');
                }
            }
        });
        var One = sessionStorage.getItem('stateOne');
        var Two = sessionStorage.getItem('stateTwo');
        var Three = sessionStorage.getItem('stateThree');
        function test() {
            if(One === "test2"){
                $('#one').css('background-color', 'orange');
            }
            if(Two === "test3"){
                $('#two').css('background-color', 'orange');
            }
            if(Three === "test4"){
                $('#three').css('background-color', 'orange');
            }
        }
        $('#one').click(function () {
            if(One === "test2"){
                alert("请按步骤来!");
            }else {
                fsm.kill();
                alert("点击了one按钮");
            }
        });
        $('#two').click(function () {
            if(One !== "test2"){
                alert("请按步骤来!");
            }else {
                fsm.kill();
                if(Two !== "test3"){
                    fsm.ghost();
                    alert("点击了two按钮");
                }
            }
        });
        $('#three').click(function () {
            if(One !== "test2"){
                alert("请按步骤来!");
            }else {
                if(Three === "test4"){
                    alert("请按步骤来!");
                }else {
                    fsm.speak();
                    alert("点击了three按钮");
                }
            }
        });
        $('#four').click(function () {
            if(One !== "test2"){
                alert("请按步骤来!");
            }else {
                fsm.vote();
                alert("点击了four按钮");
            }
        });
    })
</script>
</body>
</html>

该问题已被官方收录

angular配置路由文件能不能有多个

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var ourApp = angular.module("ourApp",["ui.router"]);
ourApp.config(function ($stateProvider,$urlRouterProvider) {
    $urlRouterProvider.when("",'/login');
    $stateProvider
.state

该问题已被官方收录

法官查看界面如何实现盒子编号、玩家身份和分配身份后的状态保持一致

0

1

事件控制流程语句节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html:
<div class="main-box">
   <!--<div class="content-box">-->
            <!--<div class="content-top">-->
                <!--<div class="career"></div>-->
                <!--<div class="number"></div>-->
            <!--</div>-->
        <!--<div class="content-bottom"></div>-->
    <!--</div>-->
</div>
CSS：
.main-box {
    width: 100%;
    margin-top: .2rem;
    display: flex;
    flex-wrap: wrap;
}
.content-box {
    width: 30%;
    height: 1.9rem;
    margin: 1.5% 1.66% 0 1.66%;
}
.content-top {
    width: 100%;
    height: 1.36rem;
}
.career {
    width: 100%;
    height: 1.0rem;
    font-size: .3rem;
    color: #565656;
    background-color: #F5C97B;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.number {
    width: 100%;
    height: .36rem;
    font-size: .22rem;
    color: #FFF;
    background-color: #83B09A;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-top: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-bottom {
    width: 100%;
    height: .3rem;
    padding-top: .2rem;
    background-image: url(../image/img1.png);
    background-repeat: no-repeat;
    background-size: .3rem .3rem;
    background-position: center center;
    visibility: hidden;
}
JS:
var player = JSON.parse(sessionStorage.getItem('player'));//取出总玩家人数数组
 for (var i=0; i<player.length; i++){//遍历数组，有几个玩家就循环几次，把所有玩家都遍历出来
        var num = i + 1;//每个角色对应的号码
        var inBox = '<div class=\"content-box\">\n'+//var个变量存储写进文档的标签代码，记住要转义字符
            '<div class=\"content-top\">\n'+
            '<div class=\"career\">\n'+ player[i] +
            '</div>\n'+
            '<div class=\"number\">\n'+ num +
            '</div>\n'+
            '</div>\n'+
            '<div class=\"content-bottom\">\n'+
            '</div>\n'+
            '</div>';
        $('.main-box').append(inBox);//通过append将盒子一个一个的往文档里面装
        }

该问题已被官方收录

如何使用一个页面展示不同的信息

1

1

事件节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
    <title>法官日记</title>
    <link rel="stylesheet" type="text/css" href="../css/task234-riji.css">
  </head>
  <body>      
    <!-- 页眉 -->
    <header>
      <img src="../images/11.png">
      <span>法官日记</span> 
      <img src="../images/09.png">
    </header>
    <!-- 内容主体 -->
    <main>
      <!-- 水民一号 -->
      <div id="box">
        <!-- 通过js动态输入HTML代码 -->
      </div>
    </main>
    <footer>
      <span>开始游戏</span> 
    </footer>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/javascript-state-machine/2.0.0/state-machine.min.js"></script>
    <script src="../js/task234-riji.js"></script>
  </body>
</html>

该问题已被官方收录

如何用滑动条改变输入框的值？

0

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//输入框取值
function inputNumber() {
    if (inputNum.value >= 4 && inputNum.value <= 18) {
        slipRange.value = inputNum.value;
    } else {
        alert("游戏限制人数为4~18人");
    }
    peopleNum.innerText = Math.ceil(slipRange.value * 2 / 3);
    ghostNum.innerText = Math.floor(slipRange.value / 3);
}

//滑动条和输入框同步
function change() {
    inputNum.value = slipRange.value;
    peopleNum.innerText = Math.ceil(slipRange.value * 2 / 3);
    ghostNum.innerText = Math.floor(slipRange.value / 3);
}

该问题已被官方收录

在任务二的时候，在页面的人数输入完成然后分配下去以后，跳转到下个页面如何去识别

1

1

js随机数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./js2-2.css">
   
</head>

<body>

    <!-- 头部部分  -->
    <header>
        <a href="./../js2-1/js2-1.html" class="return"></a>
    </header>
    <main>
        <!-- 玩家配比部分 -->
        <h2>玩家配比</h2>
        <!-- 几个人数 -->
        <div class="number">
            <Div class="box1">
                <Div class="werwolf">
                </Div>
                <p id="killer">杀手<span></span>人</p>
            </Div>
            <Div class="box2">
                <div class="civilian"></div>
                <p id="people">平民<span></span>人</p>
            </Div>
        </div>
        <!-- 玩家数量 -->
        <div class="quantity">
            <span>请输入玩家数量</span>
                <input type="text" name="name" id="value" placeholder="" maxlength="2">
            <span>玩家数量为4-18</span>                     
        </div>
    </main>
    <button type="button" value="去发牌" onclick="huoqu()">去发牌</button>
    <script  src="./js2-2.js"></script>
</body>
</html>
/* 全局字体样式设置 */
html{
    font-size: 62.5%;
}

body{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1.6rem;
    background-color: #F0F0F0;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
header{
    display: flex;
    align-items: center;
    background-color: #29BDE0;
    width: 100%;
    height: 4.25rem;
}
.return{
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 3px solid white;
    border-right: 0;
    border-bottom: 0;
    margin-left: 5%;
    transform: rotate(-45deg);
}
main h2{
    height: 3.3rem;
    width: 90%;
    margin: auto;
    margin-top: .4rem;
    text-align: center;
    line-height: 3.1rem;
    background-color: white;
    box-shadow: 0px 3px 13px #888888;
}
.number{
    width: 90%;
    background-color: white;
    height: 30rem;
    margin: auto;
    margin-top: .5rem;
    box-shadow: 0px 3px 13px #888888;

}
.box1{
    display: inline-flex;
    align-items: center;  
    width: 40%;
    margin-left: 2rem;
    margin-top: 1rem;
}
.box2{
    display: inline-flex;
    align-items: center;
     width:41%;
}
.werwolf{
    display: inline-block;
	width: 40px;
    height: 36px;
    border-radius: 50%;
    background: url(./css_sprites.png) no-repeat 90% 19.608%;
}
.civilian{
    display: inline-block;
    width: 60px;
	height: 51px;;
    background: url(./css_sprites.png) no-repeat 12.5% 50%;
    border-radius: 50%;
    zoom: .7;
}
input{
    width: 16px;
    background-color: #F0F0F0;
    border: 0;
    margin-left: 10px;
    text-align: center;
    color: orange;
}
.quantity{
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    margin-top: .5rem;
    width: 90%;
    margin-left: 5%;
    box-shadow: 0px 3px 13px #888888;
}
input+span{
    display: inline-block;
    font-size: 12px;
    margin-left: 11px;
    color: orange;
}
button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 4rem;
    background-color: #FAB344;
    margin-left: 5%;
    margin-top: 4rem;
    margin-bottom: 2.9rem;
    border: 0;
    outline: none;
     color: white;
    font-size: 2rem;
}
// 获取inout的值
var G = document.getElementById('value');

function huoqu() {
    if (G.value < 4 || G.value > 18) {
        alert("请输入正确的玩家数量");
    } else {
        console.log(1);
        location.href = "./../js2-3/js2-3.html"
    }
}
// 获取杀手玩家DOM
var K = document.getElementById("killer");
var P = document.getElementById("people");

// 实时监听输入的值
G.oninput = function () {
    console.log(G)

    var killerNumber;
    var peopleNumber;

    // 分配杀人平民人数
    if (G.value < 4 || G.value > 18) {
        K.innerHTML = '杀手人'
        P.innerHTML = '平民人'
    } else if (G.value == 15 || G.value == 18) {
        killerNumber = Math.floor(G.value / 3 - 1)
        peopleNumber = G.value - killerNumber;

        K.innerHTML = '杀手' + killerNumber + '人'
        P.innerHTML = '平民人' + peopleNumber + '人'

    } else if (G.value > 4 || G.value < 18) {
        killerNumber = Math.floor(G.value / 3)
        peopleNumber = G.value - killerNumber;
        K.innerHTML = '杀手' + killerNumber + '人'
        P.innerHTML = '平民人' + peopleNumber + '人'
    }

}
// 禁止输入汉字
G.onkeyup = function () {
    if (!/^\d+$/.test(this.value)) {
        alert('禁止输入汉字');
        this.value = '';
    }
}
// 只能输入数字
G.onkeyup = function () {
    if (/[^\d]/g.test(this.value)) {
        alert('只能整数');
        this.value = '';
    }
}

该问题已被官方收录

关于任务五的跨域问题

0

1

跨域

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 获取input的数值
var ID = document.getElementById('ID');
// 第二个input的数值
var password = document.getElementsByClassName('password')[0];
var show = document.getElementById('show');
// 声明一个请求
var xhr;
// 点击事件，点击的时候获取到输入框输入的数值
function NEWbutton() {
    console.log(ID.value);
    console.log(password.value);
    if (ID.value == '') {
        show.innerHTML = '请输入账号'
        return false;
    } else if (password.value == '') {
        show.innerHTML = '请输入密码'
        return false;
    } else {
        // 请求参数
        var data = 'name=' + ID.value + '&pwd=' + password.value;
        var lin = '/carrots-admin-ajax/a/login';
        xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
            // 通信成功时，状态值为4
            if (xhr.readyState === 4 && xhr.status === 200) {
                var xuan = JSON.parse(xhr.responseText);
                console.log(xuan)
                if (xuan.code == 0) {
                    location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard'
                } else {
                    show.innerHTML = xuan.message;
                }
            } 
        }
    };
    // 发送了请求，使用POST的形式进行发送
    xhr.open('POST', lin, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(data);
    return false;
}

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1