HTMLページにフォームがあり、AJAXを使用して応答を取得しようとしましたが、どういうわけかサーバーに要求を送信しませんでした. どこが間違っていますか?
<html>
<head>
<script>
$(function() {
$(".button").click(function() {
var clin=$("input#client").val();
var us=$("input#username").val();
var dataString='client='+clin+'&username='+us;
$.ajax({
type: "POST",
url: "http://localhost:8080/services/web?wsdl/authen",
data: dataString,
success: function(response) {
alert("The server says: " + response);
}
});
return false;
});
});
</script>
</head>
<body>
<div id="myform">
<form name="frm1">
<table>
Enter Your User Account:
<tr>
<td>Client ID</td>
<td>
<input class="text-input" type="text" size="30" name="client" id="client">
</td>
</tr>
<tr>
<td>User ID</td>
<td>
<input class="text-input" type="text" size="30" name="username" id="username">
</td>
</tr>
<tr>
<td></td>
<td align="right">
<input type="submit" name="submit" value="get" class="button" id="submit_btn">
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
AJAX でフォームの応答をキャプチャしたいのですが、正しいかどうかわかりません。
サーバー Web サービスを提供します。
xs:element name="authen"> <br>
xs:complexType> <br>
xs:sequence> <br>
xs:element name="ClientID" type="xs:string" nillable="true" minOccurs="0"/> <br>
xs:element name="UserID" type="xs:string" nillable="true" minOccurs="0"/> <br>
/xs:sequence><br>
/xs:complexType><br>
/xs:element><br>
xs:element name="authenResponse"><br>
xs:complexType><br>
xs:sequence><br>
xs:element name="return" type="xs:string" nillable="true" minOccurs="0"/><br>
xs:sequence><br>
xs:complexType><br>
xs:element><br>