-
May 31st, 2012, 01:27 PM
#1
Ajax & jQuery
Hi,
I'm using Ajax and jQuery on a asp.net 4.0 web site.
I have this code on a webform (which has a masterpage):
Code:
$(document).ready(function () {
$("#ctl00_ContentPlaceHolder1_btnInvocar").click(function (event) {
$.ajax({
type: "POST",
url: "ServiciosWeb.asmx/ObtenModulos",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (result) {
LLenaGrid(result);
},
error: AjaxFailed
});
});
});
function LLenaGrid(result) {
var table = "<table>"+
"<thead><tr><th>Cve_Modulo</th><th>Descripcion</th><th>Version</th></thead>"+
"<tbody>";
var row = "";
var i = 0;
$.each(result, function (key) {
row += "<tr>";
for (i = 0; i < result[key].length; i++) {
row += "<td>" + result[key][i] + "</td>"; ;
}
row += "</tr>";
});
table += row;
table += '</tbody></table>';
$("#panelNotificaciones").html(table);
}
It does get me what I want inside var table, it even shows the div with the table after I click, but suddenly the result disappears!! and i get the normal page again as though i didn't click the button.
it's like it were doing a postback but why? it's supposed to work that way
any suggestions?
thanks in advance
-
May 31st, 2012, 01:39 PM
#2
Re: Ajax & jQuery
nevermind
event.preventDefault(); was missing
it works now!
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|