ASP.Net Ajax的 - JavaScript的：如何在HTML與返回的變量顯示

Question

我有一個WebMethod返回我下面的字符串：

{「d」：「在這裏，你會發現更多的附加數據。」}

但在我後面的字符串的代碼只聲明

string result = "Here you will find more additional data" 

此字符串是要通過點擊到一個HTML表格行可用於模態的視圖，其彈出窗口。通過單擊HTML表的一行，將讀取一列，並傳遞給webmethod（在代碼隱藏中）。 我如何可以顯示不{ 「d」：「}字符串？

這裏是我的javascript代碼：

function GetModalDetails() { 
     $('tbody tr').click(
      function() { 
       var id = $(this).data('id'); 
       var JSONData = '{\'id\':' + JSON.stringify(id) + '}'; 
       makeAjaxCall(JSONData, id); 
      }); 

     function makeAjaxCall(JSONData, id) { 
      $.ajax({ 
       url: "<%= ResolveUrl("TestPage.aspx/getDetails") %>", 
       data: JSONData, 
       type: "POST", 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       success: function (msg) { 
        var result = msg; 
        document.getElementById("ModalBody").innerHTML = JSON.stringify(result); 
        document.getElementById("ModalHead").innerHTML = "Details for" + JSON.stringify(id); 
       } 
      }) 
     } 
    } 

，這是我的HTML模態代碼：

<!-- Modal --> 
<div class="modal fade" id="infoModal"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
       <h3 class="modal-title" id="ModalHead">Auftragdetails</h3> 
      </div> 
      <div class="modal-body"> 
       <h5 class="text-center" id="ModalBody">Hier werden genauere Informationen zu dem geklickten Auftrag stehen.</h5> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default " data-dismiss="modal">Close</button> 
      </div> 

     </div> 
     <!-- /.modal-content --> 
    </div> 
    <!-- /.modal-dialog --> 
</div> 
<!-- /.modal --> 

那麼如何我可以顯示正確的字符串嗎？

給字符串一些HTML標記是否是一個好主意，莫代爾內容是否像我需要的樣式？但是然後我會再次出現問題

{ 「d」： 「」}

請幫我:)

Answer 1

這應該工作

function makeAjaxCall(JSONData, id) { 
     $.ajax({ 
      url: "<%= ResolveUrl("TestPage.aspx/getDetails") %>", 
      data: JSONData, 
      type: "POST", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (msg) { 
       document.getElementById("ModalBody").innerHTML = msg.d; 
       document.getElementById("ModalHead").innerHTML = "Details for" + JSON.stringify(id); 
      } 
     }) 
    } 

這裏是一個在模式呈現信息的代碼body：

document.getElementById("ModalBody").innerHTML = msg.d;