Loading database value into a form.
I want to load database values in webform text boxes using jquery on the page load. After loading will update values and save to database. I have written a sample code below.
$(document).ready(function () getting called multiple times. Can some body help me with sample code.
$(document).ready(function () {
$.ajax({
type: "POST",
url: "Default.aspx/GetUser",
data: "{}",
dataType: "json",
contentType: "application/json; charset=utf-8",
success: OnSuccess,
error: OnError
});
function OnSuccess(data) {
$("#txtUsername").val(data.d.Username);
$("#txtPassword").val(data.d.Password);
}
function OnError(data) {
}
return false;
$(function () {
$("[id*=btnSave]").bind("click", function (e) {
e.preventDefault();
var user = {};
user.Username = $("[id*=txtUsername]").val();
user.Password = $("[id*=txtPassword]").val();
$.ajax({
type: "POST",
url: "Default.aspx/SaveUser",
data: '{user: ' + JSON.stringify(user) + '}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
alert("User has been added successfully.");
window.location.reload();
}
});
return false;
});
});
});