javascript - 如何在jquery html应用程序中使用wcf服务作为远程或本地？

Question

嗨；如何在jquery html应用程序中使用wcf服务作为远程或本地？我已经准备好了wcf服务。我想通过 jquery ajax 方法在 html 文件中使用。任何错误都不会返回。

WCF 方面与 2010 年对比:

    public class Service1 : IService1
{
    public string GetData(int value)
    {
        return string.Format("You entered: {0}", value);
    }

aptana studio 中的 HTML:

代码:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/latest/jquery.js"></script>

$(document).ready(function() {
     $("#sayHelloButton").click(function(){
        alert("fsf");



         $.ajax({
             type: "POST",
             url: "Service1.svc/GetData",
             data: "{'id': '" + 1 + "'}",

             contentType: "application/json; charset=utf-8",
             dataType: "json",
             success: function(msg) {
                 AjaxSucceeded(msg);
             },
             error: AjaxFailed
         });
     });
 });
      function AjaxSucceeded(result) {
          alert(result.d);
      }
      function AjaxFailed(result) {
          alert(result.status + ' ' + result.statusText);
      }  

测试

点我

首页

Contact

<div>

</div>

<footer>
 <p>&copy; Copyright  by yusufkaratoprak</p>
</footer>

Answer 1

.CS 文件中需要执行几个步骤 -

步骤 1. 使用 WebInvoke 属性修饰 GetData 方法。

[WebInvoke(Method="POST", UriTemplate="/GetData", RequestFormat=WebMessageFormat.Json, ResponseFormat=WebMessageFormat.Json)]
    public string GetData(int value)
    {
        return string.Format("You entered: {0}", value);
    }

步骤 2. 通过配置或通过代码将 WebHttpBehavior 添加到端点。

ServiceEndpoint ep = //your hosting endpoint          
            //Add behaviors to the endpoint
            ep.EndpointBehaviors.Add(new WebHttpBehavior());

步骤 3. 在 $.ajax 方法中使用服务的完整 url 以及方法名称。

$.ajax({
             type: "POST",
             url: "http://localhost/Service1.svc/GetData",
             data: "{'id': '" + 1 + "'}",

             contentType: "application/json; charset=utf-8",
             dataType: "json",
             success: function(msg) {
                 AjaxSucceeded(msg);
             },
             error: AjaxFailed
         });