javascript-根据ajax响应显示/隐藏Div,并将响应的requestId传递给成功的Div

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-根据ajax响应显示/隐藏Div,并将响应的requestId传递给成功的Div，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1435字，纯文字阅读大概需要3分钟。

内容图文

根据服务调用的响应,我有以下用于显示/隐藏成功div的代码,此外,我需要将服务响应的请求传递给Success Div.如何传递requestId并显示成功div？

<div id="showResponseArea" class="alert alert-success hide">
    <span>
        <strong>Success !! </strong>Your request <<requestId>> has been successfuly created !!! 
    </span>
</div>

$.ajax({
    url:
    type:
    data:
    success: function(resObj){
        $("#showResponseArea span").removeClass("hide");
        var requestId = resObj.requestId;    
    }
    error: funciton(resObj){
        alert("Some Error Occured");
    }
});

解决方法:

首先,您要从没有该类的错误TAG跨度中删除hide类.应该使用具有Hide类的id =“ showResponseArea”从父div中移除hide类,其次,您需要包装<<< requestId>>在一个ID范围内.喜欢

<div id="showResponseArea" class="alert hide">
<span>
    <strong>Success !! </strong>Your request <span id="requestId"> // Request id goes here</span> has been successfuly created !!! 
</span>

然后在ajax成功函数

success: function(resObj){
    $("#showResponseArea").removeClass("hide");
    $("#showResponseArea").removeClass("alert-danger");
    $("#showResponseArea").addClass("alert-success");
    //OR $("#showResponseArea").removeClass("hide").show();

    var requestId = resObj.requestId;   
    $("#requestId").text(requestId ); 
},
error: function(err,xhr,status){
    $("#showResponseArea").removeClass("hide");
    $("#showResponseArea").removeClass("alert-success");
    $("#showResponseArea").addClass("alert-danger");
    //OR $("#showResponseArea").removeClass("hide").show();

    $("#requestId").text(xhr.responseText); 
}

内容总结

以上是互联网集市为您收集整理的javascript-根据ajax响应显示/隐藏Div,并将响应的requestId传递给成功的Div全部内容，希望文章能够帮你解决javascript-根据ajax响应显示/隐藏Div,并将响应的requestId传递给成功的Div所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端