次のWebサービスを作成し、最新バージョンのjqueryを使用してWebサービスに投稿する必要があります。
私はこれを理解することはできません。JSONPはPOSTでは機能しないことを読みました。これを機能させるにはどうすればよいですか?
jQueryを使用してWCFにクロスドメイン投稿を行う必要があります。
service.cs:
namespace AjaxPost
{
[DataContractAttribute]
public class Message
{
[DataMemberAttribute]
public string success;
public Message(string success)
this.success = success;
}
[ServiceContract(Namespace="JsonpAjaxService")]
[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
public class User
{
[WebInvoke(ResponseFormat = WebMessageFormat.Json, Method="POST")]
public Message CreateUser(string email, string username, string password, string phone, string image)
{
Message msg = new Message("true");
return msg;
}
}
}
service.svc:
<%@ServiceHost
language="c#"
Debug="true"
Service="Microsoft.Samples.Jsonp.CustomerService"
Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory"
%>
サービスWeb.Config:
<system.webServer>
<modules runAllManagedModulesForAllRequests="true"/>
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE" />
</customHeaders>
</httpProtocol>
</system.webServer>
<system.serviceModel>
<behaviors>
<serviceBehaviors>
<behavior name="MetadataBehavior">
<serviceDebug includeExceptionDetailInFaults="True" httpHelpPageEnabled="True" />
<serviceMetadata httpGetEnabled="True"/>
</behavior>
</serviceBehaviors>
</behaviors>
<serviceHostingEnvironment aspNetCompatibilityEnabled="true"/>
<standardEndpoints>
<webScriptEndpoint>
<standardEndpoint name="" crossDomainScriptAccessEnabled="true"/>
</webScriptEndpoint>
</standardEndpoints>
</system.serviceModel>
index.html
wcfServiceUrl = "http://localhost:33695/Service.svc/CreateUser";
$.ajax({
crossDomain: true,
cache: true,
url: wcfServiceUrl,
data: "{}",
type: "POST",
jsonpCallback: "Message",
contentType: "application/json",
dataType: "json",
data: "{ \"myusername\": \"mypassword\" }",
error: function (request, status, error) {
//error loading data
alert("error");
},
success: function (menu) {
alert('success');
}
});