阿賈克斯成功功能無法接收數據

Question

下面是我的網頁形式的WebMethod這是返回數據的列表，它工作正常：

[WebMethod] 
public static List<SalesInvoiceFinalCalculationEntity> salesInvoiceFinalCalculaiton(string InvoiceNo) 
{ 
    List<SalesInvoiceFinalCalculationEntity> list = new List<SalesInvoiceFinalCalculationEntity>(); 
    list = SalesInvoiceManager1.salesInvoiceFinalCalculaiton(InvoiceNo); 
    return list; 
} 

但在下面的Ajax功能，我無法檢索數據。當我在ajax成功函數中將數據綁定到文本框時，它會在Html文本框中顯示未定義的文本。

function salesInvoiceFinalCalculaiton() {   

    var InvoiceNo = $("#txt_InvoiceNo").val(); 
    $.ajax({ 
     async: false, 
     type: "POST", 
     contentType: "application/json; charset=utf-8", 
     url: "/AjaxRequestToServer.aspx/salesInvoiceFinalCalculaiton", //URI 
     data: "{InvoiceNo:'" + InvoiceNo + "'}", 
     dataType: "json", 
     success: function (data) { 

      document.getElementById("txtinvoicevalue").value=(data.totalprice); 
      document.getElementById("txtTotalDiscount").value = data.discountamt; 
      document.getElementById("txtTotalTaxableValue").value = data.taxableamt; 
      document.getElementById("txtTotalCGST").value = data.cgstamt; 
      document.getElementById("txtTotalSGST").value = data.sgstamt; 
      document.getElementById("txtGrandTotal").value = data.grandtotal; 

     }, 
     error: function (xhr) { 
      if (xhr.statusText == "Invalid Request") { 
       sessionStorage.clear(); 
      } 
     } 
    }); 
} 

下面是數據層和存儲過程：

public static List<SalesInvoiceFinalCalculationEntity> salesInvoiceFinalCalculaiton(string InvoiceNo) 
     { 
      try 
      { 


       List<SalesInvoiceFinalCalculationEntity> SalesInvoiceFinalCalculation = new List<SalesInvoiceFinalCalculationEntity>(); 

       DataSet ds = SqlHelper.ExecuteDataset(Util.ConnectionString, CommandType.StoredProcedure, "sp_salesInvoiceFinalCalculaiton", 
        new SqlParameter("@InvoiceNo", InvoiceNo)); 

       foreach (DataRow dr in ds.Tables[0].Rows) 
       { 
        SalesInvoiceFinalCalculationEntity list = new SalesInvoiceFinalCalculationEntity(dr); 
        SalesInvoiceFinalCalculation.Add(list); 
       } 
       return SalesInvoiceFinalCalculation; 
      } 
      catch (Exception ex) 
      { 
       throw ex; 
      } 
     } 

這是我的實體類：

public class SalesInvoiceFinalCalculationEntity 
    { 
     public int InvoiceNo { get; set; } 
     float totalprice { get; set; } 
     float discountamt { get; set; } 
     float taxableamt { get; set; } 
     float cgstamt { get; set; } 
     float sgstamt { get; set; } 
     float grandtotal { get; set; } 
     public SalesInvoiceFinalCalculationEntity() { } 
     public SalesInvoiceFinalCalculationEntity(DataRow dr) 
     { 
      InvoiceNo = Convert.ToInt32(dr["InvoiceNo"]); 
      totalprice = float.Parse(dr["totalprice"].ToString()); 
      discountamt = float.Parse(dr["discountamt"].ToString()); 
      taxableamt = float.Parse(dr["taxableamt"].ToString()); 
      cgstamt = float.Parse(dr["cgstamt"].ToString()); 
      sgstamt = float.Parse(dr["sgstamt"].ToString()); 
      grandtotal = float.Parse(dr["grandtotal"].ToString()); 
     } 
    } 

爲什麼數據沒有被成功接收的功能！

Answer 1

最後解決了它。我忘了提及

Public

在

SalesInvoiceFinalCalculationEntity

實體的所有變量和document.getElementById("txtinvoicevalue").value=(data.d[0].totalprice);這應該是代替

document.getElementById("txtinvoicevalue").value=(data.totalprice);

Answer 2

首先，使用async: false這是一個不好的做法，因爲它是凍結您的窗口在您的請求期間。 請勿使用它。

的問題是，你必須從你的server-side方法，以便返回json對象以接收成功回調你的Ajax方法的功能響應。

[WebMethod] 
public static string salesInvoiceFinalCalculaiton(string InvoiceNo) 
{ 
     List<SalesInvoiceFinalCalculationEntity> list = new List<SalesInvoiceFinalCalculationEntity>(); 
     list = SalesInvoiceManager1.salesInvoiceFinalCalculaiton(InvoiceNo); 
     return JsonConvert.SerializeObject(list); 
} 

Web請求使用json格式。

Answer 3

我認爲問題是，您正嘗試將Java類發送到您的JavaScript文件。您只能發送簡單的數據類型數字，字母。據我所知，你試圖訪問SalesInvoiceFinalCalculationEntity的成員變量。

如果是這樣的話，您需要將它作爲JSON對象發送並獲取像這樣的數據，然後解析它。

AJAX背後的想法是讓用戶更好的體驗而不是使用異步請求來凍結網站。通過調用AJAX調用與

異步：假

刪除Ajax背後的想法。然後你可以簡單地對服務器進行正常的調用。

Answer 4

使用此：

https://www.newtonsoft.com/json

系列化你的列表並返回一個字符串。

然後，在你的javascript：

success: function (data) { 
    data = JSON.parse(data); 
    document.getElementById("txtinvoicevalue").value=(data.totalprice); 
    document.getElementById("txtTotalDiscount").value = data.discountamt; 
    document.getElementById("txtTotalTaxableValue").value = data.taxableamt; 
    document.getElementById("txtTotalCGST").value = data.cgstamt; 
    document.getElementById("txtTotalSGST").value = data.sgstamt; 
    document.getElementById("txtGrandTotal").value = data.grandtotal; 

}, 

Answer 5

嘗試 success: function (data.d)而非success: function (data)。如果我記得使用webmethods時，返回對象在data.d中，而不是簡單的數據。

此外，儘管還有其他答案說。當使用[webmethod]屬性和jQuery ajax時，您不必將您的響應對象轉換爲json。它會自動完成。