javascript - 如何在 MVC 视图中呈现 XML 输出

Question

<header>
    <div class="content-wrapper">
        <div class="float-left">
            <p class="site-title">
                <a href="~/">ASP.NET Web API</a></p>
        </div>
    </div>
</header>
<div id="body">
    <section class="featured">
        <div class="content-wrapper">
            <hgroup class="title">
                <h1>
                    Calculator</h1>
            </hgroup>
        </div>
    </section>
    <section class="content-wrapper main-content clear-fix">
    <input id="id" type="text" />
    <p />
    <input id="Plus" type="button" value="+" /><input id="Minus" type="button" value="-" />
    <p />
    <input id="id2" type="text" />
    <p />
    ________________________________

    <p />
    <label id="answer"></label>
    </section>
</div>

这是我的 cshtml 文档，我需要让标签答案显示一个值，从我单击加号开始，然后它会转到我的 api 并获取/api/add?id=value&id2=value，然后它只是获取 XML 文档，我对此 XML 文档无能为力。如何显示 XML 文档中的值以获取答案并且它不能使用 JSON，它必须是 XML 输出并且使用 javascript 是可以的。

Answer 1

如果你使用 jquery 你可以做

<script>

 $('#buttonID').click(function(e){
 e.preventDefault();
 $.ajax({

  url : "url/to/api?params=1",
  dataType : "xml",
  success : function(data){

   var dataAsXml = $.parseXml(data);

   var answer = $(dataAsXml).find("answerNode");

    $('#answerLabelID').text(answer);

  });   // end Ajax call added paren and semi
}); // end button click




</script>