Use AJAX para enviar dados do formulário HTML para o WebMethod
Então, eu estou recebendo dados de um formulário HTML e, em seguida, usando o AJAX para enviar os dados para um método da Web para serem enviados para um banco de dados sqlite, mas minha chamada AJAX está falhando. O que eu errei? Estou fazendo isso corretamente?
Formulário HTML
<form id="addForm" >
<input type="text" name="playername" id="playername" placeholder="Player"/>
<input type="text" name="points" id="points" placeholder="Points" />
<input type="text" name="steals" id="steals" placeholder="Steals" />
<input type="text" name="blocks" id="blocks" placeholder="Blocks" />
<input type="text" name="assists" id="assists" placeholder="Assists" />
<input type="text" name="mpg" id="mpg" placeholder="MPG" />
<input type="text" name="shotpct" id="shotpct" placeholder="Shot %" />
<input type="text" name="threepct" id="3pct" placeholder="3 %" />
<input type="button" value="add player" id="addbtn" name="addbtn" />
</form>
AJAX
$("#addbtn").click(function () {
var form = $("#addForm").serializeArray();
$.ajax({
type: 'POST',
url: "players.aspx/addRow",
data: JSON.stringify(form),
dataType: 'json',
success: function () {
alert('success');
},
error: function () {
alert('failure');
}
});
});
e o método da web (não concluído, estava apenas testando para ver se eu estava obtendo dados)
[WebMethod]
public static void addRow(object form)
{
var stuff = form;
}
Ainda estou aprendendo a usar muitas dessas coisas, de modo que qualquer ajuda será muito apreciada.