显示对象在aspx页面
问题描述:
我正在使用webservice GetEmployeebyId,我得到的对象数据,我想在aspx页面中使用JavaScript显示它。显示对象在aspx页面
请帮助我!
这里我的代码:它错过显示对象
**
<script>
$(document).ready(function() {
$.ajax({
type: 'GET',
url: _spPageContextInfo.webAbsoluteUrl + '/_vti_bin/EmployeeService.svc/GetEmployeebyNom/kmjdfb', // Location of the service
contentType: 'application/json; charset=utf-8', // content type sent to server
processdata: true,
success: function (msg) {
datasource:msg
}
});
});
</script>**
我对象“味精”,在这张照片中发现
答
的GetEmployeeByNom
功能必须显示的功能然后与您当前的对象:
{
"Adresse": "hcs",
"CIN": 516515,
"Competence": "chc",
"Contract": null,
"Date_naissance": "Date(1490770800000-0700)/",
"Email": "[email protected]",
"Etat_civil": "$Resources:TravelCasrdsFields,Single;",
"Job_Title": "csv",
"Nationalite": "hsvcsg",
"Nom": "sdjhvc",
"Prenom": "kmjdfb",
"Sexe": "Mr",
"Telephone": 65465
}
你应该尝试是这样的:
(function() {
var msg = {
"Adresse": "hcs",
"CIN": 516515,
"Competence": "chc",
"Contract": null,
"Date_naissance": "Date(1490770800000-0700)/",
"Email": "[email protected]",
"Etat_civil": "$Resources:TravelCasrdsFields,Single;",
"Job_Title": "csv",
"Nationalite": "hsvcsg",
"Nom": "sdjhvc",
"Prenom": "kmjdfb",
"Sexe": "Mr",
"Telephone": 65465
};
// Include this function in your code.
function displayEmployee(msg) {
var ulList = "";
ulList += "<ul>";
for (var property in msg) { // For every property in the msg object.
if (msg.hasOwnProperty(property)) { // Checks if the property exists.
ulList += "<li><span>";
ulList += property; // Gets the property name.
ulList += "</span>: ";
ulList += msg[property]; // Gets the property value.
ulList += "</li>";
}
}
ulList += "</ul>";
return ulList; // Returns the ul tag with the data.
}
// Include this line in your success: function(msg) {} part.
document.getElementById("EmployeeDetail").innerHTML = displayEmployee(msg);
})();
#EmployeeDetail ul {
border: solid 1px #97bcd6;
list-style-type: none;
margin: 0;
padding: 0;
}
#EmployeeDetail ul li {
margin: 10px;
}
#EmployeeDetail ul li span {
font-weight: bold;
}
<div id="EmployeeDetail">
</div>
然后,在你的代码添加document.getElementById("EmployeeDetail").innerHTML = displayEmployee(msg);
$(document).ready(function() {
$.ajax({
type: 'GET',
url: _spPageContextInfo.webAbsoluteUrl + '/_vti_bin/EmployeeService.svc/GetEmployeebyNom/kmjdfb', // Location of the service
contentType: 'application/json; charset=utf-8', // content type sent to server
processdata: true,
success: function(msg) {
document.getElementById("EmployeeDetail").innerHTML = displayEmployee(msg);
}
});
});
+1
谢谢你丹尼,它的工作原理:D –
+0
不客气Raf。如果您需要更多帮助,请随时询问。不要忘记接受这个答案。 :) –
据我所知,jQuery的没有任何内置函数来转储JavaScript变量,可能有两个原因:1)所有体面的浏览器已经在他们的开发工具中实现了这样的功能2)它与最终用户完全无关。什么阻止你建立一个格式良好的HTML表示? –