私は JQuery を初めて使用し、ASP.NET Web サービスを呼び出すための JQuery クライアントを簡単に作成したいと考えています。
これが私のHTML Webページです(JQueryを含む):
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Jquery WS call</title>
<script language="javascript" type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#btnCallWebService").click(function (event) {
var webMethod = "http://wsIP/applications/time2gate.aspx";
var x_loc = $('myForm.x_location').val();
var y_loc = $('myForm.y_location').val();
var map_id = $('myForm.map_id').val();
var dest_Gate = $('myForm.dest_gate').val();
var parameters = "{'x':'" + x_loc +
"','y':'" + y_loc +
"', 'map':'" + map_id +
"', 'gate':'" + dest_Gate +
"','mode':'routing"
+ "'session_id':'" + session_id + "'}";
$.ajax({
type: "POST",
url: webMethod,
data: parameters,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg) {
alert("Service response: " + msg);
},
error: function(e){
$(divToBeWorkedOn).html("Unavailable");
}
});
});
});
</script>
</head>
<body>
<form id="myForm">
X:<input id="x_location" type="text" /><br />
Y:<input id="y_location" type="text" /><br />
Map: <input id="map_id" type="text" /><br />
Gate:<input id="dest_gate" type="text" />
<input id="btnCallWebService" value="Call WS" type="button" />
</form>
<div id="response" />
</body>
</html>
問題は、電話をかけるたびに応答がないことです。Mozilla Firefox v21.0 ブラウザーでテストしています。WS エンドポイントは次のとおりです。
http://wsIP/applications/time2gate.aspx?x={x-val}&y={y-val}&map={map-id}&gate={destination-gate}&mode=routing
私は何を間違っていますか?
ありがとう、ニック