基于ajax 的post请求以及请求后操作

拼搏现实的明天。 2021-09-26 14:34 312阅读 0赞

在前台开发中避免不了接口请求。现在最常用的就是ajax请求。本人也是新手，分享一下我的代码。

js部分

$(document).ready(function() {
            $("#btncheck").click(function(e) {
                e.preventDefault();
                var name = $("input[name='input']").val();
                $.ajax({
                    url : "***",
                    type : "POST",
                    data : {story:name},
                    dataType : "text",
                    timeout : 1000000000, //超时时间设置，单位毫秒
    
                    success : function(result) {
    　　　　　　　　　　　　alert ("添加关键词成功"); 
                    },
                    error:function(msg){
                        alert("添加关键词失败");
                    }
                })
                return false;
            })

html部分

<div class="modal fade mymodal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">×
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        添加词库
                    </h4>
                </div>
                <div class="modal-body">
                   将要插入词库的词语： <input type="text" id="input" name="input" value="">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                    <button type="button" id="btncheck" class="btn btn-primary">
                        提交
                    </button>
                </div>
            </div>
        </div>
    </div>

PS:

#btncheck与input等id要一致。