在 Javascript/Jquery Ajax 調用中使用 WCF 服務

Question

我在以下路徑上托管/發布了 WCF 服務 -

newslettersubscriptiondev.mercola.com/NewsletterSubscriptionService.svc

想在Jquery Ajax Call調用以上WCF service

用 jQuery 編寫的代碼 -

<script type="text/javascript" src="JS/jquery-2.1.4.js"></script>
<script type="text/javascript" src="JS/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
    function cityClickJQuery() {
        $.ajax({
            type: "POST",
            url: "http://newslettersubscriptiondev.mercola.com/NewsletterSubscriptionService.svc/CheckEmailaddressValidateOnly",
            data: { EmaillAddress: 'pranav.bilurkar28@gmail.com', Source: 'ArticleBody' },
            processData: false,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                alert('success');
                alert(data.d);
            },
            error: function (jqXHR, textStatus, errorThrown) {
                console.log(JSON.stringify(jqXHR));
                console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
                alert(jqXHR);
            }
        });
    }

</script>

上面JS代碼中CheckEmailaddressValidateOnly是Service中定義的C#方法，需要2個參數。

設計代碼 -

    <body>
        <form id="form1" runat="server">
        <div>
        <asp:Button ID="btn1" runat="server" OnClientClick="cityClickJQuery();" Text="click" />
        </div>
        </form> 
  </body>

上面的 JS 代碼不起作用。

請幫忙。

Answer 1

首先，您應該驗證您是否包含屬性

[WebInvoke (ResponseFormat = WebMessageFormat.Json)]

其次你應該使用

data:JSON.stringify({EmaillAddress: 'pranav.bilurkar28@gmail.com', Source: 'ArticleBody'}),

JSON.stringify 在http://www.json.org/js.html 中定義。

再次更新成功返回數據后，您將看到返回的數據不應使用data.d.EmailAddress訪問，而是使用data.EmailAddress訪問。 ASMX Web 服務將數據放在屬性 d 中，而不是 WCF 服務中。

Answer 2

更改data: { EmaillAddress: 'pranav.bilurkar28@gmail.com', Source: 'ArticleBody' }, To

data: JSON.stringify({ EmaillAddress: 'pranav.bilurkar28@gmail.com', Source: 'ArticleBody' }),

在 Javascript/Jquery Ajax 調用中使用 WCF 服務

問題描述

2 個解決方案

解決方案1
2 2015-11-20 11:02:54

解決方案2
0 2015-11-20 10:56:07

在 Javascript/Jquery Ajax 調用中使用 WCF 服務

問題描述

2 個解決方案

解決方案1 2 2015-11-20 11:02:54

解決方案2 0 2015-11-20 10:56:07

解決方案1
2 2015-11-20 11:02:54

解決方案2
0 2015-11-20 10:56:07