Jquery ajax加載狀態消息

$.ajax({ 
       type: "POST", 
       url: "Services/Services.asmx/GetAllDoctors", 
       data: "{}", 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       success: function (data) { 
        for (var i = 0; i < data.d.length; i++) { 
         var centerAddress = CreateAddressToBind(data.d[i]); 
         doctorTemplates[i] = { row_ID: data.d[i].row_ID, DOCTOR_ID: data.d[i].DOCTOR_ID, DOCTOR_NAME: data.d[i].DOCTOR_NAME, LINE1_BLDG: data.d[i].LINE1_BLDG, LINE2_STREET: data.d[i].LINE2_STREET, LINE3_AREA: data.d[i].LINE3_AREA, CITY: data.d[i].CITY, PINCODE: data.d[i].PINCODE, MEDICALCENTER_ADDRESS: data.d[i].MEDICALCENTER_ADDRESS, STATE: data.d[i].PINCODE, OTHER_DETAILS: data.d[i].OTHER_DETAILS, CONTACT_DETAILS: data.d[i].CONTACT_DETAILS, modified: 0 } 
         $("#doctorTable").append("<tr id='tableRow'><td id='rowid' class='hiddenColumn'>" + data.d[i].row_ID.toString() + "</td><td id='doctorid'>" + data.d[i].DOCTOR_ID.toString() + "</td><td id='doctorname'>" + data.d[i].DOCTOR_NAME.toString() + "</td><td id='centerAddress'>" + data.d[i].MEDICALCENTER_ADDRESS.toString() + "</td><td id='doctorAddress'>" + data.d[i].LINE1_BLDG.toString() + "," + data.d[i].LINE2_STREET.toString() + "," + data.d[i].LINE3_AREA.toString() + "," + data.d[i].CITY.toString() + "," + data.d[i].PINCODE.toString() + "," + data.d[i].STATE.toString() + "</td><td id='cdetails'>" + data.d[i].CONTACT_DETAILS.toString() + "</td><td id='odetails'>" + data.d[i].OTHER_DETAILS.toString() + "</td><td><a href='#' onclick='EditRecord(this)'>Edit</a></td><td><a href='#' onclick='DeleteRecord(this)'>Delete</a></td><td class='modified'>0</td></tr>"); 
        } 
        $("#doctorTable").dataTable(); 
       } 
      });

如何在加載內容時顯示ajax狀態消息加載？Jquery ajax加載狀態消息

來源

2012-04-11 sly_Chandan

只要在發送請求之前在您正在更新的選擇器中給出一些html消息。像這樣

$("#doctorTable").text("loading"); 
$.ajax(....);

來源

2012-04-11 11:31:16 Starx

都能跟得上......不工作 – 2012-04-11 11:50:01

@sly_Chandan，這只是一個例子，它不應該工作。展示一個實例，然後我可以給你一個工作解決方案。 – Starx 2012-04-11 12:05:54

嘗試：


$('#doctorTable') 
    .hide() // hide it initially 
    .ajaxStart(function() { 
     $(this).show(); 
    }) 
    .ajaxStop(function() { 
     $(this).hide(); 
    });

來源

2012-04-11 11:33:29

不知道'.ajaxStart（）' - ty。 – kontur 2012-04-11 11:35:57

Jquery ajax加載狀態消息

回答

相關問題