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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

为什么返回的值没有办法写入html里面

2

1

Ajax

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

This repository
Pull requests
Issues
Marketplace
Explore
 @AmenLin
 Watch 0
 Star 0  Fork 0 AmenLin/AmenLin.github.io
 Code  Issues 0  Pull requests 0  Projects 0  Wiki  Insights  Settings
Branch: master Find file Copy path AmenLin.github.io/Js/JS-05/js/JSDemo5.js
b8f63fa  2 days ago
@AmenLin AmenLin Add files via upload
1 contributor
RawBlameHistory     
74 lines (67 sloc)  2.59 KB
'use strict';


/*
//原生js方法
var value;
var uservalue;
var passvalue;
var user = document.getElementById('user');
var pass = document.getElementById('pass');
var tips = document.getElementById('tips');
var go = document.getElementById('go');
function result(){
    uservalue = user.value;
    passvalue = pass.value;
    value = "name=" + encodeURIComponent(uservalue) + "&pwd=" + encodeURIComponent(passvalue);//使用post需要设置请求体的编码格式，将字符串作为URI组件进行编码
/////////////////////////////////////////////////
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function(){
        if (xhr.readyState == 4){//表示XMLHttpRequest请求现在的状态是已经成功返回数据的
            if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304){
                //表示http的状态，200表示成功，304表示请求的资源并没有被修改
                console.log(xhr.responseText);
                var data = xhr.responseText;
                var thedata = JSON.parse(data);
                if (thedata.code == '0'){
                    location.href = 'JSDemo5-1.html';
                }else if (thedata.code == '-5003'){
                    tips.innerHTML = '用户不存在';
                }else if (thedata.code == '-5004'){
                    tips.innerHTML = '密码错误';
                }
            }else {
                alert('Request was unsuccessful:') + shr.status;
            }
        }
    }
    xhr.open('post', '/carrots-admin-ajax/a/login', true);
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    //在这里使用setRequestHeader()是为了像html表单那样post数据
    xhr.send(value);//使用post，括号内必须有值，哪怕是个null
}
go.onclick = result; */
//////////////////////////////////////////


//jquery ajax方法
$('#go').click(function(){
    $.ajax({
        url: '/carrots-admin-ajax/a/login',
        type: 'post',
        dataType: 'json',
        data: {
            name: $('#user').val(),
            pwd: $('#pass').val()
        },
        success: function(data){
            console.log(data);
            if (data.code == '0'){
                location.href = 'JSDemo5-1.html';
            }else if (data.code == '-5003'){
                tips.innerHTML = '此用户不存在';
            }else if (data.code == '-5004'){
                tips.innerHTML = '密码错误';
            }
        },
        error: function(data){
            alert('找不到网页');
        }
    })
})
© 2018 GitHub, Inc.
Terms
Privacy
Security
Status
Help
Contact GitHub
API
Training
Shop
Blog
About
Press h to open a hovercard with more details.

该问题已被官方收录

玩家发言怎么保存变色

0

1

Ajax登陆

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//亡灵发表遗言按钮
        ghost[i].onclick = function talk() {
            if (window, getComputedStyle(kill[i], null).backgroundColor != 'rgb(204, 204, 204)') {
                alert('按顺序走');
                return
            }
            if (window, getComputedStyle(ghost[i], null).backgroundColor == 'rgb(204, 204, 204)') {
                alert('请进行下一项');
                return
            }
            alert('表明身份发表遗言');
            ghost[i].style.backgroundColor = '#ccc';
            triangleb[i].style.borderRight = '.7rem solid #ccc';
        }
        //玩家依次发言按钮
        player[i].onclick = function playerTalk() {
            if (window, getComputedStyle(ghost[i], null).backgroundColor != 'rgb(204, 204, 204)') {
                alert('按顺序走');
                return;
            }
            if (window, getComputedStyle(player[i], null).backgroundColor == 'rgb(204, 204, 204)') {
                alert('请进行下一项');
                return
            }
            alert('玩家依次发言');
            player[i].style.backgroundColor = '#ccc';
            trianglec[i].style.borderRight = '.7rem solid #ccc';
        }

该问题已被官方收录

angular怎么选择li的某个再加事件

0

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.records=[
      {value:"信息管理"},
      {value:"Article管理",
      sub:[{
        subVal:"Article列表"
      }]
      },
      {value:"人才管理"},
      {value:"推荐管理"},
      {value:"信息管理"},
      {value:"后台管理"},
      {value:"用户管理"},
      {value:"内容管理"}]
});

该问题已被官方收录

怎么用angular实现表单验证？

0

1

表单验证

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.

该问题已被官方收录

ng-repeat在获取到数据的时候渲染的问题。。

1

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var app = angular.module('myApp',['ui.router']);
app.controller('myOne', function ($scope,$http) {
    $scope.send =function () {
        $http({
            method:'get',
            url:'http://localhost//carrots-admin-ajax/a/article/search',
            headers:{
                "Content-Type":"application/x-www-form-urlencoded;"
            }
        }).then(function fn(omg) {
            console.log(omg);
        });
    }
});

该问题已被官方收录

使用了 ng-disabled，无法根据disabled属性来做判断

0

1

angular基础 angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<form ng-app="myApp" ng-controller="validateCtrl" 
name="myForm" novalidate>

<p>用户名:<br>
<input type="text" name="user" ng-model="user" required>
<span style="color:red" ng-show="myForm.user.$dirty && myForm.user.$invalid">
<span ng-show="myForm.user.$error.required">用户名是必须的。</span>
</span>
</p>

<p>邮箱:<br>
<input type="email" name="email" ng-model="email" required>
<span style="color:red" ng-show="myForm.email.$dirty && myForm.email.$invalid">
<span ng-show="myForm.email.$error.required">邮箱是必须的。</span>
<span ng-show="myForm.email.$error.email">非法的邮箱地址。</span>
</span>
</p>

<p>
<input type="submit"
ng-disabled="myForm.user.$dirty && myForm.user.$invalid ||  
myForm.email.$dirty && myForm.email.$invalid">
</p>

</form>

<script>
var app = angular.module('myApp', []);
app.controller('validateCtrl', function($scope) {
    $scope.user = 'John Doe';
    $scope.email = 'john.doe@gmail.com';
});

该问题已被官方收录

如何封装上传图片指令

0

1

FormData

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

引用指令的标签
<up-load></up-load>
封装指令的HTML文件
<div class="art-form1">
    <div class="col-md-2 col-sm-2 col-xs-2 art-left">
        配       图
    </div>
    <div  class="col-md-10 col-sm-10 col-xs-10 art-r">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <label for="file" class="btn btn-primary">选择文件</label>
            <input type="file"
                   id="file"
                   accept="image/png,image/gif"
                   name="file"
                   onchange="angular.element(this).scope().fileChanged(this)"
                   style="display: none;"
                   required/>
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12">
            <img ng-src="{{src}}" alt="配图预览" class="art-img" width="100%"/>
        </div>
        <div class="col-md-8 col-sm-8 col-xs-8">
            <table>
                <thead>
                <tr>
                    <th>
                        图片名
                    </th>
                    <th>
                        文件大小
                    </th>
                    <th>
                        进度
                    </th>
                    <th>
                        操作
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr ng-if="fileName">
                    <td>{{fileName}}</td>
                    <td>{{fileSize|number:2}}MB</td>
                    <td>
                        <uib-progressbar value="progress" style="margin-bottom: 0;" type="null" animate="true" >{{progress}}%</uib-progressbar>
                    </td>
                    <td>
                        <span class="glyphicon glyphicon-ok" ng-show="okIcon"></span>
                        <span class="glyphicon glyphicon-remove" ng-show="removeIcon"></span>
                    </td>
                    <td>
                        <button class="art-up" data-ng-click="upload()" ng-disabled="progress">上传</button>
                        <button class="art-del" data-ng-click="delete()">删除</button>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
封装指令的JS文件
myApp.directive("upLoad", function($http){
    return{
        restrict: 'EA',
        templateUrl: 'html/upload.html',
        replace: true,
        link: function(scope){
            scope.fileReader = new FileReader();
            scope.fileChanged = function(respond){
                scope.$apply(function(){
                    scope.files = respond.files[0];
                    scope.input = respond;
                    scope.fileName = scope.files.name;
                    scope.fileSize = scope.files.size/1024/1024;
                    scope.progress=0;
                });
            };
            // 上传图片
            scope.upload = function(){
                var formData = new FormData();
                scope.fileReader.readAsDataURL(scope.files);
                formData.append("file",scope.files);
                if(scope.fileSize <= 5242880){
                    $http({
                        method: 'post',
                        url: '/carrots-admin-ajax/a/u/img/task',
                        data: formData,
                        headers:{"Content-Type":undefined},
                        uploadEventHandlers: {
                            progress: function(respond){
                                scope.progress = (respond.loaded/respond.total)*100;
                            }
                        }
                    }).then(function successCallback(respond){
                        scope.status = respond.data.message;
                        scope.src = respond.data.data.url;
                        scope.okIcon=true;
                    });
                }else{
                    alert('文件大于5MB');
                    scope.removeIcon=true;
                }
            };

            //删除图片
            scope.delete = function(){
                scope.src = undefined;
                scope.fileName = '';
                scope.progress = 0;
                scope.input.value = '';// 防止删除一个文件后不能再次上传同一个文件的问题
                scope.okIcon=false;
            };
        }
    }
});

该问题已被官方收录

1

1

vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  methods(){
    asdasd:{
          console.log(this.msg)

    }
  }
}

该问题已被官方收录

如何用对象储存数组？

0

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var objArr = [];
for(var i = 0;i < value.length; i++){
    objArr[i] = {
        death: true,
    }
    if(value[i] == 0){
        objArr[i].name = "杀手";
    }else{
        objArr[i].name = "平民";
    }
}

该问题已被官方收录

使用ui-bootstrap中的date-picker组件中的禁用功能

0

1

angular router

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

去第页

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