I am trying to use ajax and jQuery to send the data submitted in a form to the server and retrieve the response form the server and serve it up on the webpage again. What method should I be using do accomplish this?
I am not sure if I should use $.get() or $.ajax() or if I should be using any other of the methods on the jQuery API.
Could someone please shed some light on this question?
Thanks.
A nice and simple tutorial for you
Call ASP.Net Page Method using jQuery AJAX Example
See also
Difference between $.ajax() and $.get() and $.load()
hope that can help you:
jquery and ajax request:
$("#submitButton").on("click", function () {
$("#formid").submit(submitForm());
return false;
});
var submitForm = function() {
$.ajax({
type: "POST",
dataType: "json",
data: $("#formid").serialize(),
url: '@Url.Action("function","controller")',
success: function (data) {
alert(data);
}
});
});
server side:
[HttpPost]
public JsonResult Function(SubmitViewModel viewModel)
return Json("response from the server is here", "application/json", Encoding.UTF8, JsonRequestBehavior.AllowGet)
}
