前端通過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":"返回的數據"}