首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将数据web服务公共url绑定到excelcontentApp中的dropdown

将数据web服务公共url绑定到excelcontentApp中的dropdown
EN

Stack Overflow用户
提问于 2013-02-01 18:10:25
回答 3查看 1K关注 0票数 1

在这里,我创建了web服务,并提供了从数据中获取数据的公共url。我在Office365开发人员预览版(NAPA) default.htm页面中编写了以下代码。

代码语言:javascript
复制
<!DOCTYPE html>
 <html>
 <head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<title>DemoApplication</title>
<link rel="stylesheet" type="text/css" href="../Content/Office.css" />
<!-- Add your CSS styles to the following file -->
<link rel="stylesheet" type="text/css" href="../Content/App.css" />
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>
<script src="https://appsforoffice.microsoft.com/lib/1.0/hosted/office.js"></script>
<!-- Add your JavaScript to the following file -->
<script src="../Scripts/App.js"></script>
 </head>
 <body onload="GetData()">
    <select id="CbxArea" style="width: 200px">
    <option>Select Area</option>
    </select>
    <input type="button" value="submit" id="btnsubmit"/>        
</div>
  </body>
 </html>

休眠代码是在app.js文件中编写的

代码语言:javascript
复制
Office.initialize = function (reason) {    
};
function GetArea(){
var ddlArea = $("#CbxArea");
        $.ajax({
            type: "POST",
            url: "http://192.168.3.252:8081/HaraveerWCF/ExcelDataService.asmx/GetAreaNames",
            contentType: "application/json; charset=utf-8",
            //url:"ExcelDataService.asmx/GetAreaNames",
            dataType: "json",
            success: function (data) {
            for (i = 0; i < data.d.length; i++) {
                ddlArea.append($("<option></option>").val(data.d[i].AreaName).html(data.d[i].AreaName));
                }
            },
            failure: function (msg) {
                alert(msg);
            }
        });
}

我在哪里写了wrong.Please help me out.Make确保总代码是用在线office 365门户网站account.Not编写的,在visual studio中编写。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-02-01 19:08:01

你已经做了一点,我们可以对options html说override。您正在放置每个选项的值和文本:

代码语言:javascript
复制
for (i = 0; i < data.d.length; i++) {
  ddlArea.append($("<option></option>").val(data.d[i].AreaName)
                                       .text(data.d[i].AreaName));
}

您可以使用$.each()实现这一点

代码语言:javascript
复制
$.each(data.d, function(i, v){
  ddlArea.append("<option></option>").val(v[i].AreaName).text(v[i].AreaName);
});
票数 0
EN

Stack Overflow用户

发布于 2013-02-01 18:17:28

使用jQuery 1.4+,您可以执行以下操作

代码语言:javascript
复制
for (i = 0; i < data.d.length; i++) {
   ddlArea.append($('<option/>', { value : data.d[i].AreaName }).text(data.d[i].AreaName);
}    
票数 0
EN

Stack Overflow用户

发布于 2013-02-20 18:29:35

在尝试从Office365预览网站访问远程地址时,您可能遇到了JavaScript跨域数据访问问题。如果对远程地址的请求的返回类型是JSONP,那么您也许能够覆盖跨域数据访问问题。

如果远程服务器URL返回任何F12数据,请检查浏览器开发工具(使用JSONP键盘快捷键调用它,然后查看Network选项卡)或Firefox Firebug。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14643921

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档