2015-10-12 27 views
-2

我正在學習的過程中,這麼好心地幫助我如何從ibm移動mysql的表檢索如何通過只需點擊從我的html頁面按鈕我有試過,但沒有工作的幫助請按鈕點擊顯示從ibm移動首先MySQL的表

<!DOCTYPE HTML> 
<html> 
     <head> 
      <meta charset="UTF-8"> 
      <title>vikdemodb</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"> 
      <!-- 
       <link rel="shortcut icon" href="images/favicon.png"> 
       <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> 
      --> 
      <link rel="stylesheet" href="css/main.css"> 
      <script>window.$ = window.jQuery = WLJQ;</script> 
     </head> 
     <body style="display: none;"> 
      <!--application UI goes here--> 
      <div id="header"> 
      <h1>database Demo</h1> 
     </div>   
     <div id="wrapper"> 
      <input type="button" id="databasecon" value="click me to get data from db" /><br /> 

     </div>   

      <script src="js/initOptions.js"></script> 
      <script src="js/main.js"></script> 
      <script src="js/messages.js"></script> 
     </body> 
</html> 

我main.js

function wlCommonInit(){ 



     $('#databasecon').click(loadSQLRecords); 


} 
function loadSQLRecords(){ 
    var invocationData = { 
     adapter : 'vikadap', 
     procedure : 'getstudinfo', 
     parameters : [] 
    }; 

    WL.Client.invokeProcedure(invocationData,{ 
     onSuccess : loadSQLQueerySuccess, 
     onFailure : loadSQLQueeryFailure 
    }); 
} 

function loadSQLQueerySuccess(result){ 

    window.alert("success"); 
    console.log("Retrieve success" + result); 
    console.log(result.invocationResult.resultSet); 
} 

function loadSQLQueeryFailure(result){ 
    WL.Logger.error("Retrieve failure"); 
} 

回答

0

您的HTML按鈕: <input type="button" id="databasecon" value="click me to get data from db" />

您拉手T-他在wlCommonInit()按鈕: $('#databasecon').click(loadSQLRecords);

在​​您在呼叫轉接過程從數據庫中檢索數據。如果此操作成功,則它會調用loadSQLQueerySuccess回調函數。

這是你應該處理顯示來自後端(你的數據庫)的響應的函數。但你在做什麼?您只向控制檯輸出響應。根本不處理,在應用程序中顯示它 - 在HTML中。

所以在你的HTML中,你需要準備一個你將追加結果的佔位符。例如:<table id="mytable"></table>

然後,你需要填充表與數據...

所以在loadSQLQueerySuccess,例如,您可以執行下列操作... 這是你需要學習HTML和JavaScript完成你希望它看起來像

function loadFeedsSuccess(result){   
    if (result.invocationResult.resultSet.length > 0) 
     displayFeeds(result.invocationResult.resultSet); 
    else 
     loadFeedsFailure(); 
} 

function loadFeedsFailure() { 
    alert ("failure"); 
} 

function displayFeeds(result){  
    for (var i = 0; i < result.length; i++) { 
     $("#mytable").append("<tr><td>" + result[i].firstName + "</td></tr>"); 
     $("#mytable").append("<tr><td>" + result[i].lastName + "</td></tr>"); 
    } 
} 

請注意,您需要在for循環創建自己的代碼,使它看起來像你想怎麼看,當然附加您自己的屬性來回在數據庫中,而不是「firstName」和「lastName」。

+0

idan非常感謝,但現在當我點擊按鈕,我得到失敗msg.my適配器工作正常只是說 – raman

+0

失敗在哪個功能? loadFeedsSuccess或displayFeeds?添加警報以確定哪些失敗。 –

+0

idan我不能解決這個問題,當我在谷歌瀏覽器中運行它顯示來自mysql的數據,而在Firefox中它彈出失敗消息 – raman