2013-07-13 41 views
0

hi;如何在jquery html應用程序中使用wcf服務作爲遠程或本地?我已經準備好了一項wcf服務。我想通過jquery ajax方法在html文件中使用。任何錯誤都不會返回。如何在jquery html應用程序中使用wcf服務作爲遠程或本地?

WCF側VS 2010:

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

HTML中的Aptana工作室:

enter image description here

代碼:

<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> 

回答

2

有幾個步驟需要在.CS要執行文件 -

步驟1.裝飾GetData方法與WebInvoke屬性。

[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 
     }); 
0

您的網址錯誤。如果這是你的本地網絡服務器,它可能像

"http://localhost/service1.svc/getdata" 
相關問題