【ajax请求&jquery】

mango660

于 2022-03-13 20:20:43 发布

阅读量1.7k

点赞数 1

分类专栏：蓝桥杯基础练习文章标签： jquery ajax javascript

本文链接：https://blog.youkuaiyun.com/mango660/article/details/123465268

版权

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

15 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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);
    });
});