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

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":"返回的数据"}