在aspx页面中显示对象

Question

我正在使用webservice GetEmployeebyId ，我得到了对象数据，我希望在aspx页面中使用javascript将其显示在列表中。

请帮助我!!

这里是我的代码：它错过了显示对象的函数

**

<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>**

我的对象＆＃34; msg＆＃34;在此图片

中找到

Answer 1

GetEmployeeByNom函数必须显示员工详细信息，然后显示当前对象：

{
    "Adresse": "hcs",
    "CIN": 516515,
    "Competence": "chc",
    "Contract": null,
    "Date_naissance": "Date(1490770800000-0700)/",
    "Email": "jbmkjb@hotmail.fr",
    "Etat_civil": "$Resources:TravelCasrdsFields,Single;",
    "Job_Title": "csv",
    "Nationalite": "hsvcsg",
    "Nom": "sdjhvc",
    "Prenom": "kmjdfb",
    "Sexe": "Mr",
    "Telephone": 65465
}

你应该尝试这样的事情：

＆＃13;

＆＃13;

(function() {

  var msg = {
    "Adresse": "hcs",
    "CIN": 516515,
    "Competence": "chc",
    "Contract": null,
    "Date_naissance": "Date(1490770800000-0700)/",
    "Email": "jbmkjb@hotmail.fr",
    "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);
})();

＆＃13;

#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;
}

＆＃13;

<div id="EmployeeDetail">

</div>

＆＃13;

＆＃13;

＆＃13;

然后，在您添加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);
    }
  });
});