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

该问题已被官方收录

angular-ui-bootstrap两组日期选择器的选择范围

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

<div class="form-group lain">
        <label for="exampleInputEmail2">创建时间</label>
        <input ng-click="open1()" type="text" class="form-control" ng-model="dt1"
          value="{{dt1 | date:'sss'}}"
          uib-datepicker-popup  
          is-open              = "popup1.opened" 
          datepicker-options   = "dateOptions" 
          ng-required          = "true" 
          clear-text           = "清空"
          current-text         = "今天"
          close-text           = "关闭" 
          datepicker-options   ="{maxDate:(dt2)}"
          alt-input-formats    = "altInputFormats" />
      </div>
      <div class="form-group lain">
        <label for="exampleInputEmail2">——</label>
        <input ng-click="open2()" type="text" class="form-control" ng-model="dt2" 
          value="{{dt2 | date:'sss'}}"
          uib-datepicker-popup  
          is-open              = "popup2.opened" 
          datepicker-options   = "dateOptions" 
          ng-required          = "true" 
          datepicker-options   = "{minDate:(dt1)}"
          clear-text           = "清空"
          current-text         = "今天"
          close-text           = "关闭" />
      </div>

该问题已被官方收录

用js渲染出来的html标签，怎么添加ng-disable？

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 vm.myDate = new Date();
        vm.$currentDate.text(vm.myDate.getFullYear() + '年' + (vm.myDate.getMonth() + 1) + '月' + vm.myDate.getDate() + '日');
        vm.monthFirst = new Date(vm.myDate.getFullYear(),(vm.myDate.getMonth())-1, 1).getDay();
        vm.d = new Date(vm.myDate.getFullYear(), (vm.myDate.getMonth() )+ 1, 0);
        vm.totalDay = vm.d.getDate(); //获取当前月的天数
        for (let i = 0; i < 42; i++) {
            vm._html += ' <li> </li>'
        }
        vm.$dateBox.html(vm._html); //生成日历网格
        vm.$dateLi = vm.$dateBox.find("li");
        for (let i = 0; i < vm.totalDay; i++) {
            vm.$dateLi.eq(i +vm.monthFirst).addClass("date" + (i + 1)).html((i + 1) +"<div class=\"sign-icon\"></div>");
            for (let j = 0; j < signArr.length; j++) {
                if (i === signArr[j]) {
                    vm.$dateLi.eq(i + vm.monthFirst).addClass("sign");
                }
            }
        } //生成当月的日历且含已签到
        $(".date" + vm.myDate.getDate()).addClass('able-sign');//当天标记为可签到
        if (vm._handle){
            $(".able-sign").on("click",function (){
                console.log($(this));
                $(this).addClass('sign');
                openLayer("sign-active");
                // sessionStorage.setItem('_handle',vm._handle);
                vm.signComplete()
            });
        }

该问题已被官方收录

怎么使用angular的过滤得到接口中的数据？

0

1

angular model angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

myApp.filter('let',function (type){
    return function(index){
        console.log(index);
    return type[index]
    }
})
myApp.filter('category',function(type1){
    return function(index){
        return type1[index]
    }
})

该问题已被官方收录

引入时间插件时报错

0

1

FormData

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.directive("endTime", function() {
    return {
      restrict: "AE",
      template:
        '<input type="text" id="endTime" class="form-control" ng-model="endAt"  placeholder="年/月/日">',
      link: function(scope) {
        $("#endTime")
          .datetimepicker({
            format: "yyyy-mm-dd",
            weekStart: 1,
            autoclose: true,
            todayHighlight: true,
            startView: 2,
            minView: 2,
            forceParse: false,
            endDate: new Date(),
            todayBtn: "linked",
            language: "zh-CN"
          })
          .on("changeDate", function(ev) {
            var timeEnd = ev.date;
            // console.log(timeEnd);
            $("#beginTime").datetimepicker("setEndDate", timeEnd);
          });
      }
    };
  })

该问题已被官方收录

在进行页面跳转的时候，使用的elm插件，要如何去给那个插件的一个属性去传数值

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

------------------------------HTML部分-------------------------------
import Axios from 'axios';
<template>
    <!-- 右边查询页面 -->
    <div class="inquire-background">
      <div class="inquire">
        <div class="date-type ">
          <span>发布时间</span>
          <!-- 发布时间进行搜索 -->
          <input v-model="found" class="begin" type="date" @change="kssj">
          <span style="margin-left: 5%;">一</span>
          <!-- 结束时间进行搜索 -->             
          <input v-model="update" class="finish" type="date" @change="jssj" >
          <span style="margin-left: 5%;">类       型</span>
          <select class="status1" v-model="listParams.type" @click="qb" >
            <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-top: 20px;">
          <span style=" margin-left: 5%;">状       态</span>
          <select class="status1" v-model="listParams.status" @click="zt">
            <option value="">全部</option>
            <option value="2">上线</option>
            <option value="1">草稿</option>
          </select>
        </div>
        <div class="button-box">
          <el-button type="success" @click="empty" class="empty">清空</el-button>
          <el-button type="danger"  @click="search" class="seek">搜索</el-button>
        </div>
      </div>
      <div class="box">
        <p class="Article-list">Article列表</p>
        <el-button  type="success" @click="Thenewpage" class="newly">+新增</el-button>
      </div>
      <div style="margin-left: 20px;margin-right: 1.3%; box-shadow: -1px 0px 7px #888888;">
          <table class="table-one">
            <tr class="tr-one">
              <th>ID</th>
              <th>图片</th>
              <th>名称</th>
              <th>类型</th>    
              <th>发布时间</th>     
              <th>修改时间</th>    
              <th>状态</th>   
              <th>发布者</th>  
              <th style="display: inline-block;margin-right: -500%;">操作</th>
            </tr>
            <!-- 渲染整个列表 -->
            <tr class="tr-two" v-for="(item,index) in listt" :key='index'>
              <td>{{index+1}}</td>
              <td>
                <img style="width: 120px;height: 120px;" :src="item.img">
              </td>
              <td>{{item.title}}</td>
              <td>
                <div v-if="item.type===0">首页banner</div>
                <div v-else-if="item.type===1">找职位banner </div>
                <div v-else-if="item.type===2">找精英banner</div>
                <div v-else>行业大图</div>
              </td>
              <td>{{item.createAt|timeFilter}}</td>
              <td>{{item.updateAt|timeFilter}}</td>
              <td>
                <div v-if="item.status===1">草稿</div>
                <div v-if="item.status===2">上线</div>
              </td>
              <td>{{item.author}}</td>
              <td>{{item.promulgator}}</td>
              <td>
                <button class="operation" @click="up(item.id,item.status)" v-if="item.status===1">上线</button>
                <button class="operation" @click="up(item.id,item.status)" v-if="item.status===2">下线</button>
              </td>
              <td>
                <button class="operation" @click="edit(item.id)" >编辑</button>
              </td>
              <td>
                <button class="operation" @click="cancel(item.id)">删除</button>
              </td>
            </tr>
          </table>
        </div>
        <el-pagination
        background
      @current-change="handleCurrentChange"
      :current="current"
      layout="total,prev, pager, next, jumper"
      :total="zonggeshu">
    </el-pagination>
    </div>
</template>
---------------------------------JS部分-------------------------------------------
<script>
import axios from "axios";
import qs from 'qs';
export default {
 data(){
   return{
     zonggeshu: '',
     current: localStorage.current?localStorage.current:'',
     background: false,
     CompanyLocation:false,
     Article:false,
     listt:[],
     pages:'',
     total:'',//总页数
     pageArray:Array(),
     skip:'',//去第几页的空数值
     found:localStorage.found ? localStorage.found:'',//时间开始的空
     update:localStorage.update ? localStorage.update:'',//时间结束的空

     listParams:{
       current:'',//当前页数
       page:localStorage.page?localStorage.page:'',
       size:'10',
       startAt:'',
       endAt:'',
       type:localStorage.type?localStorage.type:'',
       status:localStorage.status?localStorage.status:''
     }
   }
 },
//  created:{

//  },
 mounted(){
   let sss = +localStorage.getItem('sss');
   console.log(sss)
   if(sss != ''){
     this.listParams.page = sss;
     this.listParams.current=sss;
   }
   this.getList()
 },
 filters:{
   timeFilter(value){
    let date = new Date(value);
    let y = date.getFullYear();
    let MM = date.getMonth() + 1;
    MM = MM < 10 ? "0" + MM : MM;
    let d = date.getDate();
    d = d < 10 ? "0" + d : d;
    let h = date.getHours();
    h = h < 10 ? "0" + h : h;
    let m = date.getMinutes();
    m = m < 10 ? "0" + m : m;
    let s = date.getSeconds();
    s = s < 10 ? "0" + s : s;
    return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
}
 },
 methods: {
   qb(val){
    console.log(val,this.listParams.type)
    localStorage.setItem('type', this.listParams.type);
   },
   zt(val){
    console.log(val,this.listParams.status)
    localStorage.setItem('status', this.listParams.status);
   },
   kssj(val){
    console.log(val,this.found)
    localStorage.setItem('found', this.found);
   },
   jssj(val){
    console.log(val,this.update)
    localStorage.setItem('update', this.update);
   },
   handleSizeChange(val){
    console.log(`每页 ${val} 条`);
   },
   handleCurrentChange(val){
     console.log(`当前页: ${val}`);
     localStorage.setItem('sss',val);
     this.listParams.page = val;
     this.listParams.current=val;
     this.getList();

   },
  //  删除
   cancel(id){
      if(!confirm("确认删除？不可恢复的操作")){
        return false;
      }
      axios.delete('/carrots-admin-ajax/a/u/article/' + id).then(res => {    
      console.log(res.data.code);
      this.getList()
   });
   },
   //编辑
   edit(id){
     sessionStorage.clear(); //清除所有数据
        this.$router.push({
        path: "Thenewpage",
        query: {
          status: "edit",
          id: id
        }
      }) 
   },
  //  上线
   up(id,status){
     status = (status == 1) ? 2 : 1
     if(!confirm('上线后该图片将在轮播banner中展示,是否执行上线操作？')){
       return false;
     }
     axios.put('/carrots-admin-ajax/a/u/article/status',qs.stringify({
       id,
       status
     })).then(res =>{
       console.log(res)
       this.getList()
     })
   },
   getList(){
     //分页的按钮传输数据
      console.log(this.listParams)
      if(this.found != ''){
      let b =new Date(this.found);
      this.listParams.startAt= b.getTime(b);
      console.log( this.listParams.startAt)
     }
     if(this.update !=''){
       let b =new Date(this.update);
       b.setDate(b.getDate()+1)
       this.listParams.endAt=b.getTime(b);
     }
     axios.get(`/carrots-admin-ajax/a/article/search`,{ params:this.listParams})
     .then(res => {
      this.listt=res.data.data.articleList
      console.log(res)
      //获取总页数的部分
      this.zonggeshu = res.data.data.total;
      console.log(this.zonggeshu)
      this.total=Math.ceil(res.data.data.total/10)
      console.log(this.total)
      // 获取分页数部分
      this.pageArray=Array(Math.ceil(res.data.data.total/10));
   })},
  //  点击事件
   oo(val){
     console.log(val)
     this.listParams.page = val
     this.getList()
   },
   show() {
     console.log(this.background)
     this.background = this.background ? false : true;//三元表达式，如果为false的时候赋值true反之相反
   },
    information(){
    this.CompanyLocation = this.CompanyLocation ? false :true;
   },
   content(){
    this.Article = this.Article ? false :true;
   },
   page(){
      this.$router.push({path:'./page'})
   },
   ooo(){
     this.listParams.page= this.skip
     this.getList()
   },
   Thenewpage(){
      this.$router.push({path:'./Thenewpage'})
   },
  //  搜索框的点击事件
   search(){
      if(this.found != ''){
      let b =new Date(this.found);
      this.listParams.startAt= b.getTime(b);
      console.log( this.listParams.startAt)
     }
     if(this.update !=''){
       let b =new Date(this.update);
       b.setDate(b.getDate()+1)
       this.listParams.endAt=b.getTime(b);
     }
     this.getList()
   },
 empty() {
   sessionStorage.clear();
   localStorage.clear();
   this.listParams = {
       page:'1',
       size:'10',
       startAt:'',
       endAt:'',
       type:'',
       status:''
     };
     this.found = '';
     this.update ='';
     this.getList();
 }
 },
}


</script>
------------------------------CSS部分-------------------------------
<style lang="scss" scoped>
// 默认CSS样式部分
button{
  border: 0;
  outline: none;
}
p{
  margin-top: 0;
}
// 头部样式部分
  header {
    display: flex;
    justify-content: space-between;
    // 后台管理样式
    .back-stage-management{
      width: 16.69%;
      height: 45px;
      text-align: center;
      background-color: salmon;

    }
      // 后台管理字体样式
    .back-stage-management-font{
      font-weight: 1000;
      font-family: "微软雅黑";
      color: white;
      padding-top: 10px;
    }
    // 头部右边样式
    .header-operation{
      width: 180px;
      background-color: white;
      display: flex;
    }
    // 管理员字体样式
    .status{
      color: blue;
      margin-top: auto;
    }
    // 账号样式
    .ID{
      color: blue;
      border-left: 1px solid bisque;
      padding-left: 10px;
      padding-right: 10px;
      border-right: 1px solid;
    }
    // 关闭按钮样式
    .shut{
      margin: auto;
      width: 38px;
      margin-bottom: 12px;
      margin-left: 15px;
      // 关闭按钮图片样式
      .shut-img{
        width: 20px;
        height: 20px;
      }
    }
}
// 中间的部分
main{
  display: flex;
  .option-button{
    display: inline-block;
    width: 20%;
    padding-bottom: 1500px;
    // background-color: coral;
    // 左边菜单栏折叠部分
    .background-system{
      display: block;
      width: 100%;
      height: 40px;
      border: 0;
      color: white;
      outline: none;
      text-align: center;
      background-color: coral;
    } 
    // 折叠部分菜单栏效果
    .background-system:hover{
      background-color: orange;
      font-size: x-large;
    }
  }
  // 后台管理样式
  .back-stage-management:hover{
    background-color: white;
  }
  .back-stage-management{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    margin-top: 20px;
    border: 0;
    outline: none;
    .back-stage-management-font{
      margin: 0;
    }
  }
  // 信息管理样式
  .information-management:hover{
    background-color: white;
  }
  .information-management{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border: 0;
    outline: none;
    .information-management-font{
    margin: 0;
    }
  }
  // 内容管理样式
  .content-management:hover{
    background-color: white;
  }
  .content-management{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border: 0;
    outline: none;
    .content-management-font{
    margin: 0;
    }
  }
  .inquire-background{
    width: 100%;
   background-color: darkgray;
    .inquire{
    height: 127px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 1.3%;
    border-radius: 7px;
    box-shadow: -1px 0px 7px #888888;
    background-color: white;
    .date-type{
    display: flex;
    margin-left: 5%;
    padding-top: 10px;
    .begin{
      margin-left: 5%;
    }
    .finish{
      margin-left: 5%;
    }
    .profession{
      margin-left: 5%;
    }
    }
    .status{
      margin-left: 5%;
    }
    .status1{
      width: 200px;
      padding-left: 10px;
      margin-left: 4.6%;
    }
    .button-box{
      display: flex;
      justify-content: flex-end;
      margin-top: 4px;
    .seek{
      margin-right: 2%;
      margin-left: 1%;
    }}
    }
  }
  .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    background-color:#f3f3f3;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 1.3%;
    box-shadow: -1px 0px 7px #888888;
    border-right: 1px solid #bab0b0;
    .Article-list{
    display: inline-block;
    margin-bottom: 0;
    margin-left: 3%;
  
  }
  .newly{
    padding: 5px;
    border: 0;
    outline: none;
    background-color: green;
    color: white;
    margin-right: 2%;
  }
  }
  .ys{
    display: flex;
    justify-content: flex-end;
    padding-right: 1%;
    margin-top: 20px;
    .Previous{
    display: block;
    width: 5px;
    height: 5px;
    border: 1px solid black;
    transform: rotate(45deg);
    border-top: 0;
    border-right: 0;
    }
    .next{
    display: block;
    width: 5px;
    height: 5px;
    border: 1px solid black;
    transform: rotate(224deg);
    border-top: 0;
    border-right: 0;
    }
  }
  .table-one{
    width: 100%;
    text-align: center;
    background-color: white;
    border-collapse: collapse;
  }
 table tr {
    background: #fff;
    border-right: 1px solid #bab0b0;
    .operation{
    color: blue;
    background-color: white;
}
}
table tr:nth-child(even) {
    background: #f3f3f3;
      border-top: 1px solid #bab0b0;
    border-right: 1px solid #bab0b0;
    .operation{
    color: blue;
    background-color: #f5f5f5;
}
}

}
</style>

该问题已被官方收录

把杀手和平民转换为数组打乱，控制台打印出来的不会重置

2

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 点击顶部返回按钮返回到游戏主页
function start() {
    // 点击返回弹出提示窗口
    if(confirm("是否要退出游戏，并返回到主页面")){     
        location.href = "start.html";//点击确定返回到主页面
     }else{
        return false;//点击取消停留在当前页面
    }
}


//获取输入玩家input节点
var quantity = document.getElementById("content");
// 获取杀手input节点
var Killer = document.getElementById("Killer");
// 获取平民input节点
var civilian = document.getElementById("civilian");


// 利用oninput输入事件触发玩家input属性
quantity.oninput = function () {
    var x=/\D/g;//定义正则，非数字规则
    this.value=this.value.replace(x,"");// 符合正则规则替换为空值
    gain(this.value);// 获取当前对象输入的值
}

var arr=[];


// 把获取的值赋给Killer和civilian两个input
function gain(value) {
    Killer.value = Math.round(value - (value / 2 + value / 6 + value / 24.1));
    civilian.value = Math.round(value / 2 + value / 6 + value / 24.1);

    // 当玩家值小于4或大于18赋给Killer和civilian值为空
    if (value< 4 || value > 18) {
        Killer.value = "";
        civilian.value = "";
    }else{
       

    // 当玩家值小于4或大于18把Killer和civilian以组数形式输出
        for (var i=0;i<Killer.value;i++){
            arr.push("杀手");//输出杀手的数量push到数组
        }
        for (var i=0;i<civilian.value;i++){
            arr.push("平民");//输出平民的数量push到数组
        }
    }
}
gain(quantity.value);//自运行

var array=arr;//访问全局变量arr

// // 点击button按钮判断条件
function button() {

    // 获取输入玩家input的value的值
    var count = document.getElementById("content").value;

    // 判断条件符合弹出提示窗口,否则进入下一个页面
    if (count < 4 || count > 18) {
        confirm("请输入正确的玩家数量。");
    } else {

        // 洗牌算法
        if(array){
            for (var i = array.length - 1; i > 0; i--) {
            // 打乱数组的玩家
            var j = Math.floor(Math.random() * (i + 1));
            var temp = array[i];
            array[i] = array[j];
            array[j] = temp;    
        }

      
        console.log(array);
        }  
        // location.href = "check.html";//进入下一个页面
    }
    return false;//冒泡事件
}


// 键盘事件，onkeydown事件当用户按下按键触发
document.onkeydown = function (a) {//a是按键信息对象以函数参数的形式传递进来
   
     //取出按键信息中的按键代码(大部分浏览器通过keyCode属性获取按键代码，但少部分浏览器使用的却是charCode
    var code = a.charCode || a.keyCode;  

        //13为回车键的编码
    if (code === 13) {   
        button();//调用button函数
    }
}

该问题已被官方收录

怎么用ajax发送post请求

1

Ajax

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(document).ready(function(){
    $("button").click(function(){
        var name=$(".name").valueOf();
        var word=$(".word").valueOf();
        console.log(name);
        console.log(word);
        $.post("/carrots-admin-ajax/a/login",{
                name:name,
                word:word
            },
            function(data,status){
            console.log(status);
            var jsons=JSON.parse(data);
            console.log(jsons.message);
            if(jsons.code===0){
                window.location.href="http://www.jnshu.com/home"
            }else {
                $('#error').html(jsons.message);
            }

            });
    });
});

该问题已被官方收录

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

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)

该问题已被官方收录

如何用jquery实现AJax请求？

1

Ajax

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(function () {
    //登录点击事件
    $('#login').click(function () {
        // //获取用户名和密码
        var name = $("input").eq(0).val();;
        var password = $("input").eq(1).val();
        // console.log(name);
        // console.log(password);
        //正则表达式表单验证
        //用户名验证：4-16个字符，可使用字母，数字，下划线，需以字母开头
        var reguser = /\w{4,16}/;
        //验证密码：6-18个字符，字母和数字的组合，区分大小写
        var regpassword = /^[A-Za-z0-9]{6,18}$/;
        //判断输入内容是否正确
        if (name === "") {
            $('#cue').html("用户名不能为空");
        } else if (!reguser.test(name)) {
            $('#cue').html("用户名不符合要求");
        } else if (!regpassword.test(password)) {
            $('#cue').html("密码不符合要求");
        } else {
            //     //创建xmlHttpRequest对象
            //     var xhr = new XMLHttpRequest();
            //     // console.log(xhr)
            //     //打开xmlHttpRequest对象，并规定该请求的类型/地址/异步
            //     xhr.open("post", '/carrots-admin-ajax/a/login/', true);
            //     //添加http请求头
            //     xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            //     //发送XMLHttpRequest对象给服务器
            //     xhr.send("name=" + name + "&pwd=" + password);
            //     //当readyState属性改变时调用该函数
            //     xhr.onreadystatechange = function () {
            //         //判断请求完成并且响应就绪
            //         if (xhr.readyState == 4 && xhr.status == 200) {
            //             // console.log(responseText);
            //             //将json字符串转换为对象
            //             var jsonObj = JSON.parse(xhr.responseText);
            //             console.log(jsonObj);
            //             //当用户名和密码都正确跳转到后台页面
            //             if (jsonObj.message == "success") {
            //                 window.location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard';
            //             } else {
            //                 $('#cue').html(jsonObj.message);
            //             }
            //         }
            //     }
            // }
            //jquery ajax异步请求
            $.post("/carrots-admin-ajax/a/login/", {
                    name: name,
                    pwd: password
                },
                function (data, status) {
                    console.log(data)
                    var jsonObj = JSON.parse(data);
                    console.log(jsonObj);
                    //当用户名和密码都正确跳转到后台页面
                    if (jsonObj.message == "success") {
                        window.location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard';
                    } else {
                        $('#cue').html(jsonObj.message);
                    }
                }

            )
        }
    })
})

该问题已被官方收录

如何在页面注销后点击后退不返回之前的页面（后台）

1

url传参

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    //注销----------
    $scope.logOut = function() {
        $request.ajax('POST', url.logout, '', '')
        .then(function(xhr) {
            if (xhr.data.code == 0) {
                console.log("注销系统正常");
                $state.go('login');
            }
        }, function() {
            console.log("注销系统异常，请检查相关设置");
        });
    }