そのフォームからSQLクエリを入力するjqueryモバイルフォームを作成し、そのクエリをwcfサービスに投稿して、wcfサービスに接続するデータベースにそのクエリを実行させたいと思っています。しかし、wcf サービスで行き詰まります。クエリを json 形式で投稿する JavaScript 関数を作成し、WCF サービスでメソッドを作成してそのクエリを (json 形式で) 受信しようとしましたが、WCF サービスはmethod not allowed
. WCF サービスの何が問題なのかわかりません。WCF サービスで正しいメソッドを作成するのを手伝ってもらえますか?
これまでに作成したものは次のとおりです:
私のサービス構成:
<system.serviceModel>
<services>
<service name="WcfService.Service1" behaviorConfiguration="ServiceBehaviour">
<endpoint address ="" binding="webHttpBinding" contract="WcfService.IService1" behaviorConfiguration="web">
</endpoint>
</service>
</services>
<behaviors>
<serviceBehaviors>
<behavior name="ServiceBehaviour">
<serviceMetadata httpGetEnabled="true"/>
<serviceDebug includeExceptionDetailInFaults="true"/>
</behavior>
</serviceBehaviors>
<endpointBehaviors>
<behavior name="web">
<webHttp/>
</behavior>
</endpointBehaviors>
</behaviors>
</system.serviceModel>
私のサービス契約:
[ServiceContract]
public interface IService1{
[OperationContract]
//attribute for returning JSON format
[WebInvoke(Method = "POST",
RequestFormat = WebMessageFormat.Json,
ResponseFormat = WebMessageFormat.Json,
BodyStyle = WebMessageBodyStyle.Wrapped,
UriTemplate = "/Execute")]
//method
void Execute(String query);
}
私のサービスクラス:
public class Service1 : IService1{
public void Execute(String query){
string connectionString = ConfigurationManager.ConnectionStrings["ConnWf"].ConnectionString;
using (SqlConnection conn = new SqlConnection(connectionString)){
conn.Open();
string cmdStr = String.Format(query);
SqlCommand cmd = new SqlCommand(cmdStr, conn);
SqlDataReader rd = cmd.ExecuteReader();
conn.Close();
}
}
}
私のJavaScript関数:
function sendToServer(query) {
$.ajax({
beforeSend: function (xhr) {
$.mobile.showPageLoadingMsg();
},
complete: function () {
$.mobile.hidePageLoadingMsg();
},
type: "POST",
contentType: "application/json; charset=utf-8",
url: "http://www.greenfields.co.id:502/Service1.svc/Execute",
dataType: "json",
data: JSON.stringify(query),
crossDomain: true,
success:function(){
alert("SUCCESS");
},
error: function () {
alert("ERROR");
}
});
}
これは私のjqueryモバイルフォームです:
<div data-role='page' id='query'>
<div data-theme='a' data-role='header'>
<h3>
Execute Query
</h3>
<a data-inline="true" data-theme="b" href="#menu" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-direction="reverse" data-icon="home" data-transition="slide" data-role="button"><span class="ui-btn-text">Home</span></a>
</div>
<div data-role='content' style='padding: 15px'>
<form class="ui-body ui-body-a ui-corner-all" method="post" action="sendToServer()">
<label for='text_query'>Query:</label>
<textarea name='text_query' id='text_query'></textarea>
<button value="submit-value" name="submit" data-theme="b" type="submit" aria-disabled="false">Execute</button>
</form>
</div>
</div>