How to Reload or Refresh a page after Closing the SharePoint 2013 Online Modal Popup Dialog

  1. <script type="text/javascript">  
  2.   
  3.     // Using the DialogOptions class  
  4.     function OpenDialog(strPageURL) {  
  5.         var dialogOptions = SP.UI.$create_DialogOptions();  
  6.         dialogOptions.url = strPageURL; // URL of the Page  
  7.         // Width of the Dialog  
  8.         dialogOptions.width = 800;  
  9.         // Height of the Dialog  
  10.         dialogOptions.height = 630;  
  11.         // Function to capture dialog closed event  
  12.         //dialogReturnValueCallback - A function pointer that specifies the return callback function. The function takes two parameters, a dialogResult of type SP.UI.DialogResult Enumeration and a returnValue of type object that contains any data returned by the dialog.  
  13.         dialogOptions.dialogReturnValueCallback = Function.createDelegate(null, CloseCallback);  
  14.         // Open the Dialog  
  15.         SP.UI.ModalDialog.showModalDialog(dialogOptions);  
  16.         return false;  
  17.     }  
  18.   
  19.     // Dialog close event capture function  
  20.     function CloseCallback(strReturnValue, target) {  
  21.         location.reload(true);  
  22.     }</script>  
  23. <div>  
  24.     <a onclick="return OpenDialog('https://c986.sharepoint.com/Lists/Parent/NewForm.aspx');"  
  25.         href="https://c986.sharepoint.com/Lists/Parent/NewForm.aspx">Click here to show  
  26.         Modal Dialog</a></div>