【ajax请求&jquery】

最新推荐文章于 2024-10-26 14:49:58 发布

原创最新推荐文章于 2024-10-26 14:49:58 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ajax #javascript

蓝桥杯基础练习专栏收录该内容

15 篇文章

订阅专栏

此篇博客详细介绍了如何使用JavaScript的$.ajax方法实现前端与后端的交互，通过bind函数检查输入的卡号和密码是否匹配数据库中的记录。通过AJAX请求获取cardnolist.json文件，然后进行数据匹配并动态显示提示信息。

function bind(cardno, password) {
    let data = [];
    let con 
    //Todo:补充代码
    $.ajax({
        url:"js/cardnolist.json",
        success:function(result){
            console.log(result);
            data = result.cardnolist;

            con = data.some(item => {
               return item.cardno === cardno && item.password == password;
            })

            console.log(con);
            if(con === true){
                $("#tip1").addClass("show").removeClass("fade");
                 $("#tip2").addClass("fade").removeClass("show");
            }else{
                $("#tip2").addClass("show").removeClass("fade");
                $("#tip1").addClass("fade").removeClass("show");
            }
        }
    });
}
$(document).ready(function() {
    $("#btnsubmit").click(function() {
        //卡号
        let cardno = $("#exampleInputCardno").val();
        //密码
        let password = $("#exampleInputPassword").val();
        bind(cardno, password);
    });
});