详情页

前端通过ajax向后端请求数据例子

时间:2023年09月24日

编辑:佚名

HTML代码
<form method="post">
<input type="text" name="word" id="shouji_haoma_num" value="" class="ipt_text" placeholder="请输入您需要查询的信息">
<button class="btn_orange_1" type="button" onclick="chamb()">查询</button>
</form>
JS代码
    function chamb(){
        var word=$('input[name="word"]').val();
        var telStr = /^[1]([3-9])[0-9]{9}$/;
        if (!(telStr.test(word))) {
            layer.msg('信息输入不规范');
            return '';
        }
        $.ajax({
            url:"API地址",
            type:"post",
            data:{"word":word},
            success:function(data){
                if(data.error==1){
                    layer.msg(data.msg);
                    return '';
                }else{
                    $('.result_area').html(data.msg);
                    window.scroll(0, 0);
                    resizel();
                }
            },
            dataType:"json"
        });
    }
API响应内容
{"error":0,"msg":"返回的数据"}
相关文章
猜你需要