首页 > 其他分享 >js层

js层

时间：2023-06-10 11:55:15浏览次数：35  
标签：function val res js data click append

browseCourse.js

$(document).ready(function (){
    $("#addCourse").click(function (){
        $("#popup").css("display","block")
        $("#overlay").css("display","block")
    })
    $("#closebtn").click(function (){
        $("#popup").css("display","none")
        $("#overlay").css("display","none")
    })
    $("#myForm").bind("submit",function (event){
        event.preventDefault()
        $.ajax({
            url:"/manger/addCourse",
            method:"post",
            data:$("#myForm").serialize(),
            success:function (res){
                alert(res)
                location.reload()
            },
            error:function (){
                alert("出错了!")
            }
        })
    })
    $("#find").click(function (){
        location.replace("/manger/browseCourse?condition="+$("#condition").val()+"&teaCondition="+$("#teaCondition").val())
    })
    $("#stufind").click(function (){
        location.replace("/student/browseCourse?condition="+$("#condition").val()+"&teaCondition="+$("#teaCondition").val())
    })










})

browseHomework.js

$(document).ready(function (){
    $("#addVideo").click(function (){
        $("#popup").css("display","block")
        $("#overlay").css("display","block")
    })
    $("#closebtn").click(function (){
        $("#popup").css("display","none")
        $("#overlay").css("display","none")
    })
    $("#myForm").bind("submit",function (event){
        event.preventDefault()
        let data=new FormData()
        let f=$("#myForm").serializeArray()
        for (let i in f) {
            data.append(f[i].name,f[i].value)
            console.log(typeof (f[i].value))
        }
        data.append("workfile",$("#homework")[0].files[0])
        $.ajax({
            url:"/teacher/addHomework",
            method:"post",
            data:data,
            cache:false,
            contentType:false,
            processData:false,
            success:function (res){
                alert(res)
                location.reload()
            },
            error:function (){
                alert("出错了!")
            }
        })
    })
    $("#homeworkLab1").click(function (){
        location.replace("/student/browseHomework?kind="+$("input[type=radio]:checked").val())
    })
    $("#homeworkLab2").click(function (){
        location.replace("/teacher/browseHomework?kind="+$("input[type=radio]:checked").val())
    })





})

browseStudent.js

$(document).ready(function (){
    $("#find").click(function (){
        location.replace("/manger/browseStudent?condition="+$("#condition").val())
    })
})

browseTeacher.js

$(document).ready(function (){
    $("#find").click(function (){
        location.replace("/manger/browseTeacher?condition="+$("#condition").val())
    })
})

browseVideo.js

$(document).ready(function (){
    $("#addVideo").click(function (){
        $("#popup").css("display","block")
        $("#overlay").css("display","block")
    })
    $("#closebtn").click(function (){
        $("#popup").css("display","none")
        $("#overlay").css("display","none")
    })
    $("#myForm").bind("submit",function (event){
        event.preventDefault()
        let data=new FormData()
        let f=$("#myForm").serializeArray()
        for (let i in f) {
            data.append(f[i].name,f[i].value)
        }
        data.append("videoImg",$("#cover")[0].files[0])
        data.append("videos",$("#videos")[0].files[0])
        $.ajax({
            url:"/teacher/addVideo",
            method:"post",
            data:data,
            cache:false,
            contentType:false,
            processData:false,
            success:function (res){
                alert(res)
                location.reload()
            },
            error:function (){
                alert("出错了!")
            }
        })
    })
    $("#find").click(function (){
        location.replace("/teacher/browseVideo?condition="+$("#condition").val())
    })
    $("#find1").click(function (){
        location.replace("/student/browseVideo?condition="+$("#condition").val())
    })













})

changeMangerPwd.js

$(document).ready(function () {
    $("#myForm").bind("submit", function (event) {
        event.preventDefault()
        if ($("#newpwd1").val() !== $("#newpwd2").val()) {
            alert("新密码和确认密码不一致")
            return;
        }
        $.ajax({
            url: "/manger/changePwd",
            method: "post",
            data: $("#myForm").serialize(),
            success: function (res) {
                alert(res)
            },
            error: function () {
                alert("出错了!")
            }
        })
    })
}
)

changeStudentPwd.js

$(document).ready(function (){
    $("#myForm").bind("submit",function (event){
        event.preventDefault()
        if($("#newpwd1").val()!==$("#newpwd2").val()){
            alert("新密码和确认密码不一致")
            return;
        }
        $.ajax({
            url:"/student/changePwd",
            method:"post",
            data:$("#myForm").serialize(),
            success:function (res){
              alert(res)
            },
            error:function (){
                alert("出错了!")
            }
        })
    })







})

changeTeacherPwd.js

$(document).ready(function () {
    $("#myForm").bind("submit", function (event) {
        event.preventDefault()
        if ($("#newpwd1").val() !== $("#newpwd2").val()) {
            alert("新密码和确认密码不一致")
            return;
        }
        $.ajax({
            url: "/teacher/changePwd",
            method: "post",
            data: $("#myForm").serialize(),
            success: function (res) {
                alert(res)
            },
            error: function () {
                alert("出错了!")
            }
        })
    })
})

homeworkDetail.js

$(document).ready(function (){
    $("#myForm1").bind("submit",function (event){
        event.preventDefault()
        let data=new FormData()
        data.append("answerImg",$("#answerImg1")[0].files[0])
        $.ajax({
            url:"/student/addAnswer",
            method:"post",
            data:data,
            cache:false,
            contentType:false,
            processData:false,
            success:function (res){
                alert(res)
                location.reload()
            },
            error:function (){
                alert("出错了!")
            }
        })
    })
    $("#myForm2").bind("submit",function (event){
        event.preventDefault()
        let data=new FormData()
        data.append("answerImg",$("#answerImg2")[0].files[0])
        $.ajax({
            url:"/student/updateAnswer",
            method:"post",
            data:data,
            cache:false,
            contentType:false,
            processData:false,
            success:function (res){
                alert(res)
                location.reload()
            },
            error:function (){
                alert("出错了!")
            }
        })
    })
})

login.js

$(document).ready(function () {
    let sub;
    $("#sub1").click(function (){
        sub="登录"
    })
    $("#sub2").click(function (){
        sub="注册"
    })
    $("#myForm").bind("submit", function (event) {
        if(sub!="注册" || $("#kind").val()=="manger") {
            event.preventDefault()
            let data = $("#myForm").serialize()
            data = data + "&sub=" + sub
            $.ajax({
                url: "/login",
                method: "post",
                data: data,
                success: function (res) {
                    alert(res)
                    if (res === "登录成功") {
                        if ($("#kind").val() === "student") {
                            location.replace("/student/function")
                        } else if ($("#kind").val() === "teacher") {
                            location.replace("/teacher/function")
                        } else {
                            location.replace("/manger/function")
                        }
                    }
                },
                error: function () {
                    alert('出错了!')
                },
            })
        }
    })

})

mangerFunction.js

$(document).ready(function (){
    $("#closebtn").click(function (){
        $("#mySidenav").css("width","0px")
    })
    $("#openbtn").click(function (){
        $("#mySidenav").css("width","250px")
    })
    $("#a1").click(function (){
        $("#content").attr("src","/manger/toChangePwd")
        })
    $("#a2").click(function (){
        $("#content").attr("src","/manger/browseStudent")
    })
    $("#a3").click(function (){
        $("#content").attr("src","/manger/browseTeacher")
    })
    $("#a4").click(function (){
        $("#content").attr("src","/manger/browseCourse")
    })
    $("#a5").click(function (){
        location.replace("/")
    })













})

studentFunction.js

$(document).ready(function (){
    $("#closebtn").click(function (){
        $("#mySidenav").css("width","0px")
    })
    $("#openbtn").click(function (){
        $("#mySidenav").css("width","250px")
    })
    $("#a1").click(function (){
        $("#content").attr("src","/student/toChangePwd")
    })
    $("#a2").click(function (){
        $("#content").attr("src","/student/detail")
    })
    $("#a3").click(function (){
        $("#content").attr("src","/student/browseCourse")
    })
    $("#a4").click(function (){
        $("#content").attr("src","/student/myCourse")
    })
    $("#a5").click(function (){
        location.replace("/")
    })












})

stuRegister.js

$(document).ready(function (){
    let flag;
    $("#getflag").click(function (){
        $.ajax({
            url: "/student/getFlag",
            type:"post",
            data: {"phone":$("#phone").val()},
            success:function (res) {
                flag = res;
            },
            error:function (){
                alert("出错了!")
            }

        })
    })
    $("#myForm").bind("submit",function (event){
        event.preventDefault()
        if(flag!=$("#flag").val()){
            alert("验证码错误")
            $("#flag").css("value","")
            return;
        }
       let data=new FormData()
        let f=$("#myForm").serializeArray()
        for (let i in f) {
            data.append(f[i].name,f[i].value)
        }
        data.append("photo",$("#stuphoto")[0].files[0])
        $.ajax({
            url: "/student/register",
            method: "post",
            data: data,
            cache:false,
            contentType:false,
            processData:false,
            success: function (res) {
                alert(res)
                if (res === "注册成功") {
                    location.replace("/")
                }
            },
            error: function () {
                alert('出错了!')
            },
        })

    })
    $("#stucollege").change(function () {
        $("stumajor").append()
        let college = $("#stucollege").val()
        if (college === "信息科学与技术学院") {
            $("#stumajor").empty()
            $("#stumajor").append($("<option>").val("无").text("专业"))
            $("#stumajor").append($("<option>").val("计算机科学与技术").text("计算机科学与技术"))
            $("#stumajor").append($("<option>").val("软件工程").text("软件工程"))
            $("#stumajor").append($("<option>").val("数字媒体技术").text("数字媒体技术"))
            $("#stumajor").append($("<option>").val("信息工程").text("信息工程"))
            $("#stumajor").append($("<option>").val("人工智能").text("人工智能"))
            $("#stumajor").append($("<option>").val("网络工程").text("网络工程"))
        } else if (college === "土木工程学院"){
            $("#stumajor").empty()
            $("#stumajor").append($("<option>").val("无").text("专业"))
            $("#stumajor").append($("<option>").val("土木工程").text("土木工程"))
            $("#stumajor").append($("<option>").val("测绘工程").text("测绘工程"))
            $("#stumajor").append($("<option>").val("勘察技术与工程").text("勘察技术与工程"))
            $("#stumajor").append($("<option>").val("城市地下空间工程").text("城市地下空间工程"))
            $("#stumajor").append($("<option>").val("铁道工程").text("铁道工程"))
             $("#stumajor").append($("<option>").val("智能建造").text("智能建造"))

        }
        else if (college === "机械工程学院"){
            $("#stumajor").empty()
            $("#stumajor").append($("<option>").val("无").text("专业"))
            $("#stumajor").append($("<option>").val("机械设计制造及其自动化").text("机械设计制造及其自动化"))
            $("#stumajor").append($("<option>").val("机械电子工程").text("机械电子工程"))
            $("#stumajor").append($("<option>").val("建筑环境与能源应用工程").text("建筑环境与能源应用工程"))
            $("#stumajor").append($("<option>").val("测控技术与仪器").text("测控技术与仪器"))
            $("#stumajor").append($("<option>").val("车辆工程").text("车辆工程"))
            $("#stumajor").append($("<option>").val("工业设计专业").text("工业设计专业"))
        }
        else {
            $("#stumajor").empty()
            $("#stumajor").append($("<option>").val("无").text("专业"))
        }
    })
})

teacherFunction.js

$(document).ready(function (){
    $("#closebtn").click(function (){
        $("#mySidenav").css("width","0px")
    })
    $("#openbtn").click(function (){
        $("#mySidenav").css("width","250px")
    })
    $("#a1").click(function (){
        $("#content").attr("src","/teacher/toChangePwd")
    })
    $("#a2").click(function (){
        $("#content").attr("src","/teacher/detail")
    })
    $("#a3").click(function (){
        $("#content").attr("src","/teacher/myCourse")
    })
    $("#a4").click(function (){
        location.replace("/")
    })













})

teaRegister.js

$(document).ready(function (){
    let flag;
    $("#getflag").click(function (){
        $.ajax({
            url: "/teacher/getFlag",
            type:"post",
            data: {"phone":$("#phone").val()},
            success:function (res) {
                flag = res;
            },
            error:function (){
                alert("出错了!")
            }

        })
    })
    $("#myForm").bind("submit",function (event){
        event.preventDefault()
        if(flag!=$("#flag").val()){
            alert("验证码错误")
            return;
        }
        let data=new FormData()
        let f=$("#myForm").serializeArray()
        for (let i in f) {
            data.append(f[i].name,f[i].value)
        }
        data.append("photo",$("#teaphoto")[0].files[0])
        $.ajax({
            url: "/teacher/register",
            method: "post",
            data: data,
            cache:false,
            contentType:false,
            processData:false,
            success: function (res) {
                alert(res)
                if (res === "注册成功") {
                    location.replace("/")
                }
            },
            error: function () {
                alert('出错了!')
            },
        })

    })
})

 

标签：function,val,res,js,data,click,append
From： https://www.cnblogs.com/liyiyang/p/17471024.html

相关文章

  • JS-变量、常量和数组
    一.变量变量是计算机中用来存储数据的“容器”，它可以让计算机变得有记忆，通俗的理解变量就是使用【某个符号】来代表【某个具体的数值】（数据），这个符号就是变量，这个具体的值称为字面量。<script>//x符号代表了5这个数值x=5//y符号代表了6这个数值y=6......
  • JS中循环遍历数组的几种常用方式总结
    第一种：for循环，也是最常见的最简单的一种，也是使用频率最高的一种，虽然性能不弱，但仍有优化空间constarr=[11,22,33,44,55,66,77,88];for(leti=0;i<arr.length;i++){console.log(arr[i]);}第二种：优化版for循环constarr=[11,22,33,44,5......
  • 给第一行单元格赋值 + WPS JS获取工作表的总行数 + WPS JS获取工作表的总行数
    戳我，了解更多相关办公的小技巧给第一行单元格赋值1、在计算机中有一种ASCII编码，其中A在计算机中的表示的数字是65，a的ascii码是97，b的ascii码是98。2、从A1到F1可以看到第一个字母在变化，第2个数字始终是1，A的ascii码是65，F的ascii码是70。3、我们定义letter=65，使letter逐渐靠......
  • js 实现排列组合
    组合：（不考虑顺序，无重复）//测试用例letdataArr=[1,2,3,4,5];functioncombination(dataArr,remainNum,currentArr){if(remainNum===0){console.log(...currentArr);return;}for(leti=0;i<dataArr.length+1-remainNum;i++){......
  • js笔记_流程控制
    if判断varage=1;if(age>3){alterr("haha");}elseif{age<5){alert("kuwa");}else{alert("kuwa");}while循环，避免程序死循环while(age<100){age=age+1;console.log(age)}do{age=age+1;console.log(age)}while(age&l......
  • js笔记_Map,Set
    //ES6Mapvarmap=newMap([["tom",100],["jack",100],["jj",100]]);varname=map.get("tom");//通过key获取valuemap.set(‘admin’,123456);//新增或修改map.delete(“tom”);//删除Set:无序不重复的集合set.add(2);//添加set.delete;//删除consol......
  • React - 03 JSX语法示例及JSX渲染机制
    1.根据变量控制元素显示/隐藏2种方式，方式1会渲染但不显示，方式2不会渲染元素2.循环列表渲染用数组的map方法，直接将要循环的元素返回如果数组的每个元素都是empty，则为稀疏数组，否则为密集数组，即使每个元素都是null也是密集数组3.JSX渲染机制第一步：把我们编写的JSX语法，编译为虚拟DOM对......
  • js笔记_对象
    对象：若干键值对var对象名={属性名：属性值，属性名：属性值，属性名：属性值，属性名：属性值}定义一个person对象，有两个属性！varperson={name:"li",age:"18"}js中对象，{.........}表示一个对象，键值对描述属性xxxx:xxxx,多个属性之间用逗号隔开，最后一个属性不用加逗号！1.对象赋......
  • js笔记
    /*1.前提：IDEA需要设置支持ES6语法·usestrict`;严格检查模式2.数据类型2.1字符串1.正常字符串：单引号或者双引号2.；转义字符\'\n\t\u4e2d\u###unicode字符\x41Ascll字符3.多行字符串编写//tab上面，esc下面varmsg=hello......
  • (HTML+CSS+JS)实现弹球游戏
    一、前言弹球游戏是一款很经典的游戏了，小时候无论是在掌机还是电脑都有玩过这款游戏，简简单单朴实无华，接下来我们通过前端代码来简单实现一下这个游戏吧。这是一个基于HTML5Canvas的弹球游戏的实现，通过JavaScript语言实现游戏的核心逻辑。主要包括以下部分：定义了canvas元素并......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99