按钮单击以首先在 ibm mobile 中显示来自 mysql 的表

Question

我正在学习，所以请帮助我首先通过单击我的 html 页面上的按钮来帮助我在 ibm mobile 中从 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 : loadSQLQuerySuccess,
        onFailure : loadSQLQueryFailure
    });
}

function loadSQLQuerySuccess(result){

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

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

Answer 1

你的 HTML 中有一个按钮：

<input type="button" id="databasecon" value="click me to get data from db" />

你在wlCommonInit()处理这个按钮：

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

在loadSQLRecords()您调用一个适配器过程来从数据库中检索数据。 如果此操作成功，则调用loadSQLQuerySuccess回调函数。

您应该使用此函数处理来自后端（您的数据库）的响应的显示。 但是你在做什么？ 您只将响应打印到控制台。 您根本不处理，将其显示在应用程序中 - 在 HTML 中。

因此，在您的 HTML 中，您需要准备一个占位符，将结果附加到其中。 例如： <table id="mytable"></table>

然后你需要用数据填充表......

因此，在loadSQLQuerySuccess ，您可以例如执行以下操作...这是您需要学习 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”。

按钮单击以首先在 ibm mobile 中显示来自 mysql 的表

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-10-12 08:41:29

按钮单击以首先在 ibm mobile 中显示来自 mysql 的表

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-10-12 08:41:29

解决方案1
0 已采纳 2015-10-12 08:41:29