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

根据服务电话的响应，我有以下代码显示/隐藏成功div，我需要将服务响应的请求传递给Success Div 。 我如何传递requestId并显示成功div ？

 
  Success !! Your request <> has been successfuly created !!!   

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

Answer 1

首先，您要从没有该类的错误TAG span中删除hide类。 应该从具有隐藏类的id =“showResponseArea”的父div中删除hide类，其次需要在带有id的span中包含<> 。 喜欢

 
  Success !! Your request  // Request id goes here has been successfuly created !!!  

然后在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); } 

Answer 2

当你收到回复消息时，你可以在你的html中使用它。 您可以根据需要修改响应消息，因此请在您的javascript代码中使用.html（）来操作您的响应消息。 例如，你的回答可能是“成功，很棒，foo foo foo！”或“错误，foo foo foo！”。 使用ajax请求作为函数来显示响应，在您的req页面中生成响应消息。

的jsfiddle

HTML：

  

     <跨度> 
 

JS：

 $.ajax({ url: type: data: success: function(msg){ $("#showResponseArea span").html(msg); //you will paste your response msg to the span } error: funciton(msg){ alert("Some Error Occured"); } });