javascript - 如何在 MVC View 中呈现 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>