양식 제출 결과가 성공했는지 실패했는지 확인하는 방법이 jquery에 있습니까?

구체적인 것은 오늘 프로젝트 작업을 하다가 레이어 팝업 플러그인을 사용해서 나온 것이 iframe 레이어였습니다. 저는 ajax 제출을 사용했고, 제출이 성공했는지 확인하기 위해 콜백을 사용했습니다. 성공하면 parent.layer.close(index)를 호출하고 팝업 상자를 닫고 현재 페이지를 새로 고쳐 최신 데이터를 가져옵니다. .

그런데 문제가 생겼습니다. 이제 양식 확인을 추가해야 합니다. 확인을 위해 jquery verify를 사용할 계획인데 제출할 때 양식 태그를 거치지 않고 ajax를 사용합니다. 그래서 폼 제출 결과의 성공 여부를 알 수 있는 방법이 있는지 여쭤보고 싶습니다

양식:

<code class="html">        <div class="ibox-content">
            <div class="col-md-12">
                <div class="form-group">
                    <label class="col-sm-3 control-label">用户组名称：</label>
                    <div class="col-sm-9">
                        <input id='name' name="name" class="form-control" placeholder="用户组名称"
                            type="text" value="{$info.name}"> <span
                            class="help-block m-b-none id='user_help' ">输入用户组名称，不能少于3个字</span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">所属上级组名称 ：</label>
                    <div class="col-sm-9">
                        <select class="form-control" name="pid[]" id='pid'>
                            {$a}
                        </select> <span class="help-block m-b-none">请下拉选择该分组的所属上级，若该分组没有所属上级，则选择最上级</span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-6 control-label">组详细说明：</label>
                    <div class="col-sm-6">
                        <textarea id='description' name="description" placeholder="输入组详细说明"
                            style="height: 120px; width: 640px">{$info.description}</textarea>
                    </div>
                </div>
                <input type="hidden" id='id' name="id" value="{$info.id}">
                <button class="btn btn-primary" id='button'>提交</button>
            </div>
        </div>

js ajax提交</code>

<스크립트>

<code>    var url = "{:U('info')}";
    var index = parent.layer.getFrameIndex(window.name); 
    $('#button').click(function(){
        $.post(url,{
            'name' : $('#name').val(),
            'pid' : $('#pid').val(),
            'description' : $('#description').val(),
            'id' : $('#id').val()
        },function(data){
            if(data.status != 1){
                alert(data.info);
            }else{
                alert(data.info);
                parent.layer.close(index); //执行关闭
            }
        })
    })
</script></code>

답글 내용:

구체적인 것은 오늘 프로젝트 작업을 하다가 레이어 팝업 플러그인을 사용해서 나온 것이 iframe 레이어였습니다. 저는 ajax 제출을 사용했고, 제출이 성공했는지 확인하기 위해 콜백을 사용했습니다. 성공하면 parent.layer.close(index)를 호출하고 팝업 상자를 닫고 현재 페이지를 새로 고쳐 최신 데이터를 가져옵니다. .

그런데 문제가 생겼습니다. 이제 양식 확인을 추가해야 합니다. 확인을 위해 jquery verify를 사용할 계획인데 제출할 때 양식 태그를 거치지 않고 ajax를 사용합니다. 그래서 폼 제출 결과의 성공 여부를 알 수 있는 방법이 있는지 여쭤보고 싶습니다

양식:

<code class="html">        <div class="ibox-content">
            <div class="col-md-12">
                <div class="form-group">
                    <label class="col-sm-3 control-label">用户组名称：</label>
                    <div class="col-sm-9">
                        <input id='name' name="name" class="form-control" placeholder="用户组名称"
                            type="text" value="{$info.name}"> <span
                            class="help-block m-b-none id='user_help' ">输入用户组名称，不能少于3个字</span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">所属上级组名称 ：</label>
                    <div class="col-sm-9">
                        <select class="form-control" name="pid[]" id='pid'>
                            {$a}
                        </select> <span class="help-block m-b-none">请下拉选择该分组的所属上级，若该分组没有所属上级，则选择最上级</span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-6 control-label">组详细说明：</label>
                    <div class="col-sm-6">
                        <textarea id='description' name="description" placeholder="输入组详细说明"
                            style="height: 120px; width: 640px">{$info.description}</textarea>
                    </div>
                </div>
                <input type="hidden" id='id' name="id" value="{$info.id}">
                <button class="btn btn-primary" id='button'>提交</button>
            </div>
        </div>

js ajax提交</code>

<스크립트>

<code>    var url = "{:U('info')}";
    var index = parent.layer.getFrameIndex(window.name); 
    $('#button').click(function(){
        $.post(url,{
            'name' : $('#name').val(),
            'pid' : $('#pid').val(),
            'description' : $('#description').val(),
            'id' : $('#id').val()
        },function(data){
            if(data.status != 1){
                alert(data.info);
            }else{
                alert(data.info);
                parent.layer.close(index); //执行关闭
            }
        })
    })
</script></code>

Ajax는 양식 제출도 가능합니다

폼 제출 후 데이터베이스의 연산 결과를 바탕으로 어느 페이지로 이동할지, 성공할지 실패할지 판단합니다

Ajax 기반으로 데이터를 요청한 후 반환된 결과를 판단할 수 있습니다

success는 ajax 데이터가 서버로 성공적으로 전송되었는지 여부를 판단할 수 있으며, 서버에서 반환된 데이터는 서버가 이를 성공적으로 처리했는지 여부를 판단합니다.