JsonでjQuery Ajax呼び出しを使用して、パススルーで別のWebサービスを呼び出すWebサービスを呼び出そうとしています。これは、ajax を使用しない場合に機能し、バックエンド サービスへの ajax 呼び出しとして直接機能しますが、パススルー サービスへの ajax 呼び出しとしては機能しません。私の質問は、どのようにして ajax to pass-through webservice to webservice を動作させるかです。
これは私がこれまでに持っているコードです:
[ServiceContract]
public interface IService1
{
[OperationContract]
[WebInvoke(Method = "POST", BodyStyle = WebMessageBodyStyle.WrappedRequest, ResponseFormat = WebMessageFormat.Json, RequestFormat = WebMessageFormat.Json)]
string GetData(int value);
}
Web サービスの背後:
[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
public class Service1 : IService1
{
public string GetData(int value)
{
return string.Format("You entered: {0}", value);
}
}
パススルー サービス:
[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
public class Service2 : IService1
{
public string GetData(int value)
{
var service = new ServiceReference1.Service1Client("clientContractStuff");
var testString = service.GetData(value);
return testString;
}
}
ページ コード ビハインド:
public partial class WebUserControl1 : System.Web.UI.UserControl
{
protected void CodeBehindWcf(object sender, EventArgs e)
{
var service = new ServiceReference1.Service1Client("clientContractStuff");
var testString = service.GetData(5);
TextBox1.Text = testString;
}
protected void CodeBehindWcfUsingService2(object sender, EventArgs e)
{
var service = new Service2();
var testString = service.GetData(5);
TextBox2.Text = testString;
}
}
Javascript と HTML:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserControl1.ascx.cs"
Inherits="WcfService1.WebUserControl1" %>
<script type="text/javascript" src="Scripts/jquery-1.4.4-vsdoc.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
function ajaxService2() {
serviceUrl = "Service2.svc/GetData";
$.ajax({
type: "POST",
url: serviceUrl,
data: "{\"value\":\"1\"}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (transport) {
var string = transport;
$("#Text2").val(string);
}
});
}
function ajaxService1() {
serviceUrl = "Service1.svc/GetData";
$.ajax({
type: "POST",
url: serviceUrl,
data: "{\"value\":\"2\"}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (transport) {
var string = transport;
$("#Text1").val(string);
}
});
}
</script>
<p>
<input id="Button1" type="button" value="Ajax call service 1" onclick="ajaxService1()" />
<input id="Text1" name="Text1" type="text" /></p>
<p>
<input id="Button2" type="button" value="Ajax call service 2" onclick="ajaxService2()" />
<input id="Text2" name="Text2" type="text" /></p>
<p>
<asp:Button ID="Button3" runat="server" Text="Code Behind" OnClick="CodeBehindWcf" />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></p>
<p>
<asp:Button ID="Button4" runat="server" Text="Code Behind Use Service 2" OnClick="CodeBehindWcfUsingService2" />
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></p>
ボタン 2 と ajaxService2 関数を除いて、すべてが機能します。これにより、「リモート サーバーが予期しない応答を返しました: (400) 不正な要求」というエラーがスローされます。