2017-08-13 137 views
0

嗨,我剛剛爲umbraco後臺創建了一個簡單的新選項,它是一個簡單的html頁面,它顯示一個點擊按鈕。 Simple formUmbraco中的Jquery AJAX按鈕調用BackOffice

此按鈕應發送一個ajax調用到UmbracoApi,但請求永遠不會到達webapi。在Api代碼下面: API Code

Ajax調用是一個簡單的jquery Ajax調用,在html按鈕事件中單擊。

爲了完成這個ajax調用,我將非常感謝您爲我提供的任何幫助。

+0

顯示線了點擊用於發送AJAX –

+0

嗨@AlanTsai這是代碼的URL你的js代碼,這是一個簡單的Ajax調用 '$( 「#btnGetData」)點擊(函數(){ \t $阿賈克斯( 「HTTP://本地主機:44302 /一把umbraco/API/stripebackofficeapi/GenerateLockBoxFile」,{ \t \t類型: 「GET」 , \t \t數據類型: 「JSON」, \t \t數據:{日期和時間:$( '#txtDate')VAL()}, \t \t緩存:假的, \t \t成功:功能(數據,狀態,頭,配置){ \t \t \t如果(數據){ \t \t \t \t警報(! 「完成」); \t \t \t} \t \t}, \t \t錯誤:功能(jqXHR,超時消息){ \t \t \t的console.log( 「錯誤:」 +消息); \t \t} \t}); }); ' 現在URL是我的本地主機,但將來會成爲Umbraco服務器 – ellerysammy

回答

0

我想侑問題是您所呼叫的方式:

  1. 不知道網址外殼不一樣的控制器和行動會導致路由出現故障或沒有,但還不如讓那麼同樣
  2. 你動作綁定基本類型,從我的WebAPI的理解 - 基本類型將檢查在查詢字符串另有明確告訴它看身體 有關更多信息,結賬https://docs.microsoft.com/en-us/aspnet/web-api/overview/formats-and-model-binding/parameter-binding-in-aspnet-web-api

所以立足於上述兩個聲明,試圖改變您的來電:

$("#btnGetData").click(function() { 
    $.ajax("http://localhost:44302/Umbraco/Api/StripeBackOfficApi/GenerateLockBoxile?date=" + $('#txtDate').val(), { 
      type: "GET" 
     }, cache: false, success: function(data, status, headers, config) { 
      if (data) { 
       alert("Done!"); 
      } 
     }, error: function(jqXHR, timeout, message) { 
      console.log("Error: " + message); 
     } 
    }); 
});