यूआई

Question

पर अपवाद संदेश मैं इस बॉक्स में एक jQuery संवाद खोलता हूं, मैं एक सेव/रद्द करता हूं। सहेजने के लिए, मैं अपने नियंत्रक को कॉल करता हूं, कुछ सत्यापन करता हूं, अपवाद (MyPersonalException) को सहेजता या फेंक देता हूं। यदि अपवाद है, तो मैं पॉपअप में प्रदर्शित करने के लिए एक और दृश्य ("MessageError" दृश्य) वापस कर देता हूं। मैं सिर्फ मोडल बॉक्स में संदेश "MyPersonalException"

मेरे सवालों में उपलब्ध देखना चाहते हैं: 1. काम है कि लेकिन केवल Firefox के साथ नहीं आईई Chrome 2. नहीं वहाँ एक अन्य रास्ता नहीं है कि की एक lof देखो है, क्योंकि सिर्फ एक संदेश diplay करने के लिए कोड।

इस तरह नियंत्रक देखो:

[AcceptVerbs(HttpVerbs.Post)] 
public ActionResult SaveOrUpdate(Guid id, string firstName, string LastName) 
{ 
    try 
    { 
     Employee employee = new Employee() { Id = id, FirstName = firstName, LastName = LastName }; 
     _employeeService.SaveOrUpdate(employee); 
     return Index(); 
    } 
    catch (MyPersonalException ex) 
    { 
     _model.ErrorMessage = ex.Message; 
     return View("MessageError", _model); 

    } 
    catch (Exception ex) 
    { 
     _model.ErrorMessage = ex.Message; 
     return View("MessageError", _model); 
    } 
} 

संवाद बॉक्स कॉल करने के लिए, मैं इस कोड

jQuery (document) .ready (function() { $ (function() { का उपयोग/* var name = $ ("# firstName"), ईमेल = $ ("# अंतिम नाम"), पासवर्ड = $ ("# isactive"), allFields = $ ([])। जोड़ें (नाम) .add (ईमेल) .add (पासवर्ड), टिप्स = $ ("# मान्य टिप्स"); */

$("#dialog").dialog({ 
     bgiframe: true, 
     autoOpen: false, 
     modal: true, 
     buttons: { 
      Save: function() { 
       $.ajax({ 
        type: "POST", 
        url: "/Employee/SaveOrUpdate", 
        data: { 
         id: getId(), 
         firstName: getFirstName(), 
         lastName: getLastName() 
        }, 
        success: function(data) { 
         if (jqueryShowResult(data)) 
          $("#DisplayError").html(data); 
         else { 
          employeeId = 0; 
          $(this).dialog('close');        
         } 
        }, 
        error: function(XMLHttpRequest, textStatus, errorThrown) { 
        } 
       }) 

      }, 
      Cancel: function() { 
       employeeId = 0; 
       $(this).dialog('close'); 
      } 
     }, 
     close: function() { 
      $("#gridEmpoyee").trigger("reloadGrid"); 
     }, 
     open: function() { 
      $.ajax({ 
       type: "POST", 
       url: "/Employee/GetEmployee", 
       data: { 
        id: employeeId 
       }, 
       success: function(data) { 
        $("#employeeDetail").html(data); 
       }, 
       error: function(XMLHttpRequest, textStatus, errorThrown) { 
       } 
      }) 
     } 
    }); 
}); 

});

jQueryShowResult

<script type="text/javascript"> 
    jqueryShowResult = function(msg) { 
     var browser; 
     try //Internet Explorer 
        { 
      xmlDocTest = new ActiveXObject("Microsoft.XMLDOM"); 
      browser = "IE"; 
     } 
     catch (e) { 
      browser = "FF"; 
     } 

     if (browser == "IE") { 
      try { 
       xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); 
       xmlDoc.async = "false"; 
       xmlDoc.loadXML(msg); 
       var message = xmlDoc.getElementsByTagName("message")[0].childNodes[0].nodeValue; 
       var code = xmlDoc.getElementsByTagName("code")[0].childNodes[0].nodeValue; 

       return false; 
      } 
      catch (e) { 
       return true; 
      } 
     } 
     else { 

      var code = $(msg).find('code').text(); 
      var message = $(msg).find('message').text(); 
      if (code == "500") { 
       return false; 
      } 
      else { 
       return true; 
      } 
     } 
    }; 
</script> 

Answer 1

अद्यतन: क्षमा करें, हम एक कस्टम आवरण का उपयोग करें। डिफ़ॉल्ट रूप से jQuery में सफलता में xmlHttpRequest शामिल नहीं है। नीचे एक और दृष्टिकोण है, यह आपके विचार को बदले बिना काम करता है। आप मूल रूप से प्रतिक्रिया में id='code' के साथ तत्व की जांच कर रहे हैं, यदि यह मौजूद है, तो त्रुटि प्रदर्शित करें।

सबसे पहले, अपने दृश्य context.HttpContext.Response.StatusCode = 210; में 210 को StatusCode सेट तो यह कॉलबैक का उपयोग करें:

success: function(data, textStatus) { 
    if ($("#code",data).length) { //See if the element <whatever id='code'> exists 
    $("#DisplayError").html(data); 
    } else { 
    employeeId = 0; 
    $(this).dialog('close');        
    } 
}, 

यहाँ jQuery 1.4 संस्करण है (changes here देखें, ध्यान दें सफलता कॉलबैक तीसरा तर्क रूप एक्सएचआर वस्तु प्राप्त करता है) प्रारूप:

success: function(data, textStatus, xhr) { 
    if (xhr.status == 210) { 
    $("#DisplayError").html(data); 
    } else { 
    employeeId = 0; 
    $(this).dialog('close');        
    } 
},