jQuery Forum

2. 
   
3.  <style>
4. 
   
5.         #popupblock {
6.             width: 100%;
7.             height: 100%;
8.             position: fixed;
9.             z-index: 9999;
10.             top: 0;
11.              background:url("~/Content/loader.gif") no-repeat center center rgba(0,0,0,0.25)
12.         }
13. 
    
14.     </style>
15. 
    
16.       <div  id="popupblock" style="display:none;">
17.         
18.     </div>
19.     <input id="Button1" type="button" value="button" 
20. 
    
21. <script type="text/javascript">
22.         $(document).ready(function () {
23.           
24.             $("#Button1").click(function () {
25.                
26.                 $('#popupblock').show();
27. 
    
28. 
    
29. 
    
30.                 let ii = 0;
31.                 let text = "";
32.                 while (ii < 19000000) {
33.                     text += "the number is " + ii;
34.                     var t = text;
35.                     ii++;
36.                 }
37. 
    
38.                 $('#popupblock').hide();
39.             });
40.  
41.         });
42.     </script>

onclick="fun(this.getAttribute('data-uid')

2. <table id="example" class="display" style="width:100%">
3.         <thead>
4.             <tr>
5.                 <th>Name</th>
6.                 <th>Position</th>
7.                 <th>Office</th>
8.                 <th>Age</th>
9.                 <th>Start date</th>
10.                 <th>Salary</th>
11.             </tr>
12.         </thead>
13.         <tbody>
14.             <tr>
15.                 <td>Tiger Nixon</td>
16.                 <td>System Architect</td>
17.                 <td>Edinburgh</td>
18.                 <td>61</td>
19.                 <td>2011/04/25</td>
20.                 <td>$320,800</td>
21.             </tr>
23. </tbody>
24.                                     </table>
25. // then in js file
26.  var table12 = $('#example').DataTable();
27.    table12.page(1).draw(true);  // works
28. // but in below case it does not
29.  <table id="tblReport1" class="display" style="width:100%"><thead></thead><tbody></tbody></table>
30. 
    
31. // in js file
33. 
    
34.     var dd = [
35.         {
36.             "name": "Tiger Nixon",
37.             "position": "System Architect",
38.             "salary": "$3,120"
39.         }
40.     ];
41.     var table111 = $('#tblReport1').dataTable({
42.         "data": dd
43.         ,
44.         "columns": [
45.             { "data": "name" },
46.             { "data": "position" },
47.             { "data":"salary"}
48.         ]
49.     });
50.     table111.page(1).draw(true); // does not work
51. 
    

1. "ScurvePlanName": "PipeTrack",
       "ScurvePlanData": [{
           "Levels": "Mechanical",
           "Scope": null,
           "StartDate": null,
           "EndDate": null,
           "Weightage": {
               "$numberDouble": "20"
           },
           "ParentLevels": "",
           "ActivityId": null,
           "IsInternal": false
       }, {
           "Levels": "Welding",
           "Scope": {
               "$numberDouble": "2000"
           },
           "StartDate": "898989667687687768768",
           "EndDate": "898989667687687768768",
           "Weightage": {
               "$numberDouble": "5"
           },
           "ParentLevels": "Mechanical",
           "ActivityId": {
               "$numberDouble": "5"
           },
           "IsInternal": true
       }]
   }

1. my doubt is does the above stmt says that follwing way of using  will be depricated        $.ajax({
               url :"views/departments/create.cshtml",
               datatype: "xml",
           success: function( data ){
               alert(data);
           },
           global :true,
           error : function(data){
               alert("unable to process request");
           }
           });

1.  $.ajax({
               url: "views/departments/create.cshtml",
               datatype: "html",
        
               global: false
          
           })
             .done(function (data) {
                 alert("done to process done");
             })
            .fail(function (data) {
                alert("unable to process done");
            }).always(function () {
                alert("complete");
            });