Javascript 如何在apex中使用此代码从oracle连接数据库

我正在使用apex 4.0，并使用预先制作的报告、HTML、jQuery JavaScript和CSS在某个区域构建了一个报告，我希望从Oracle数据库中检索数据

如何从Oracle数据库检索此代码中的数据

 <a class="offline-button" href="../index.html">Back</a>
 <script src="#WORKSPACE_IMAGES#people.js" type="text/javascript"></script>

    <div id="example" class="k-content">
        <div id="clientsDb">

            <div id="grid" style="height: 380px"></div>

        </div>

        <style scoped>
            #clientsDb {
                width: 692px;
                height: 413px;
                margin: 30px auto;
                padding: 51px 4px 0 4px;
                background: url(#WORKSPACE_IMAGES#clientsDb.png) no-repeat 0 0;
            }
        </style>
        <script>
            $(document).ready(function() {
                $("#grid").kendoGrid({
                    dataSource: {
                        data: createRandomData(50),
                        pageSize: 10
                    },
                    groupable: true,
                    sortable: true,
                    pageable: {
                        refresh: true,
                        pageSizes: true
                    },
                    columns: [ {
                            field: "FirstName",
                            width: 90,
                            title: "First Name"
                        } , {
                            field: "LastName",
                            width: 90,
                            title: "Last Name"
                        } , {
                            width: 100,
                            field: "City"
                        } , {
                            field: "Title"
                        } , {
                            field: "BirthDate",
                            title: "Birth Date",
                            template: '#= kendo.toString(BirthDate,"dd MMMM yyyy") #'
                        } , {
                            width: 50,
                            field: "Age"
                        }
                    ]
                });
            });
        </script>
    </div>

#客户数据库{
宽度：692px；
身高：413px；
保证金：30像素自动；
填充：51px 4px 0 4px；
背景：url（#WORKSPACE_IMAGES#clientsDb.png）不重复0；
}
$（文档）.ready（函数（）{
$（“#网格”）.kendoGrid({
数据源：{
数据：createRandomData（50），
页面大小：10
},
分组：对，
可排序：是的，
可分页：{
刷新：是的，
页面大小：正确
},
列：[{
字段：“名字”，
宽度：90，
标题：“名字”
} , {
字段：“姓氏”，
宽度：90，
标题：“姓氏”
} , {
宽度：100，
字段：“城市”
} , {
字段：“标题”
} , {
字段：“生日”，
标题：“出生日期”，
模板：'#=kendo.toString（生日，“dd-MMMM-yyyy”）#'
} , {
宽度：50，
字段：“年龄”
}
]
});
});

有不同的方法可以做到这一点，但由于您的帖子中的信息不多，我将主要回答您的问题，即“如何从Oracle数据库检索数据”

函数getYourDataTableList（狭义文本，empSelect）//getYourDataTableList应该是要检索的表
{  
var empSelectObj=document.getElementFirstName（FirstName）；
var ajaxRequest=new-htmldb\u-Get（null，&APP\u-ID.，'APPLICATION\u-PROCESS=getYourDataTableList，0）；
ajaxRequest.add（'P1_FirstName_shown'，showntext.value）；
ajaxResult=ajaxRequest.get（）；
如果（ajaxResult）
{   
empSelectObj.options.length=0；
var empArray=ajaxResult.split（“~empsep~”）；
对于（var i=0；i

--代码不是测试仪，也不会完全正常工作。我建议您遵循此示例

如果使用iFrame，您可能会遇到以下问题：（如果iFrame src与visualforce页面不同，浏览器将不允许javascript访问内容，因为这将被视为跨站点脚本攻击。）
来源：

---

你知道apex吗？如果此代码摘录是放在某个区域中的HTML，它仍将被包装在表单标记中。代码还包含“kendoGrid”。我不知道，所以我查了一下：如果你打算用这个，你应该在你的帖子中明确提到，因为这可能是关键。从这些文档来看，您想要实现的解决方案似乎相当复杂：您将需要web服务或至少是ajax进程，并具有处理分页等问题的能力。澄清你的需求和任何陷阱。

<script language="JavaScript1.1" type="text/javascript">

function getYourDataTableList (narrowText, empSelect) //getYourDataTableList should be the table you would like to retrive

{  

  var empSelectObj = document.getElementFirstName(FirstName);

  var ajaxRequest = new htmldb_Get(null,&APP_ID.,'APPLICATION_PROCESS=getYourDataTableList ,0);

  ajaxRequest.add('P1_FirstName_NARROW',narrowText.value);

  ajaxResult = ajaxRequest.get();

  if(ajaxResult)

    {   

      empSelectObj.options.length = 0;

      var empArray = ajaxResult.split("~empsep~");

       for(var i=0; i < empArray.length; i++) {

        var colArray = empArray[i].split("~colsep~");

        empSelectObj.options[i] = new Option(colArray[1], colArray[0]);

      }

    }

    else

    {

      empSelectObj.options.length = 0;

    }

  ajaxRequest = null;   

}  

 </script>