消费从表单发布到 Web 服务的结果答案

【问题标题】：Consuming result returned from a form post to a web service消费从表单发布到 Web 服务的结果
【发布时间】：2011-08-29 09:36:59
【问题描述】：

我以这种方式调用网络服务：

    <form id="test"  method="post"  action="Services/AccessDetails.asmx/getTestData">
    <input type="submit" value="Submit" />
    </form>

当我提交按钮时，我以 XML 格式将结果返回到空白页面，但我想要的是读取 XML 数据并在我放置上述代码的同一页面中使用它们使用 javascript（不使用 jquery 之类的辅助库），所以我的页面可以尽可能轻

【问题讨论】：

标签： javascript html xml web-services forms

【解决方案1】：

我建议为此使用 jQuery，这样的东西应该可以工作：

标记：

<form id="testform"  method="post">
  <a href="javascript:;" id="btnSubmit">Submit</a>
</form>

javascript：

$(function(){
  $('#btnSubmit').click(function(e){
    $.post('Services/AccessDetails.asmx/getTestData',
           $("#testform").serialize(), 
           function(data){ /* Code to handle return from the server */;
                           alert("Data Loaded: " + data); }
    );
  });
});

【讨论】：