Html 将数据web服务公共url绑定到excelcontentApp中的下拉列表
在这里,我创建了web服务并给出了从数据中获取数据的公共urlHtml 将数据web服务公共url绑定到excelcontentApp中的下拉列表,html,web-services,jquery,office365,Html,Web Services,Jquery,Office365,在这里,我创建了web服务并给出了从数据中获取数据的公共url <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>DemoApplication</title> <link rel="stylesheet" type="
<!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文件中
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);
}
});
}
我写错的地方。请帮助我解决。确保全部代码仅在联机office 365门户帐户中编写。而不是在visual studio中编写 使用jQuery 1.4+,您可以
for (i = 0; i < data.d.length; i++) {
ddlArea.append($('<option/>', { value : data.d[i].AreaName }).text(data.d[i].AreaName);
}
您已经做了一点,我们可以说覆盖选项html。您正在放置每个选项的值和文本:
for (i = 0; i < data.d.length; i++) {
ddlArea.append($("<option></option>").val(data.d[i].AreaName)
.text(data.d[i].AreaName));
}
当您试图从Office 365预览站点访问远程地址时,可能遇到JavaScript跨域数据访问问题。如果对远程地址的请求的返回类型是JSONP,那么您可能能够覆盖跨域数据访问问题
使用浏览器开发工具检查,使用F12键盘快捷键调用它,然后在网络选项卡或Firefox Firebug下查看远程服务器URL是否返回任何JSONP数据。bipen,我试着像你说的那样。但结果是没有。我确信我正在office 365在线环境中开发应用程序。因此,请给出适当的答复。它也不起作用,我正在使用office 365开发者预览。
$.each(data.d, function(i, v){
ddlArea.append("<option></option>").val(v[i].AreaName).text(v[i].AreaName);
});