今天自己在做AJAX时候 ,遇到了小问题!就是e.preventDefault()这个方法不起作用:
<script type="text/javascript">
$(function () {
$.post("wsxfy.ashx", { "action": "getCount" }, function (data, status) {
if (status == "success") {
for (i = 1; i <= data; i++) {
var td = $("<td><a href='' >" + i + "</a></td>");
$("#trInfo").append(td);
}
}
});
$("#trInfo td").click(function (e) {
e.cancelable = true;//这个属性是在网上抄的!但是经过验证没有什么效果!
e.preventDefault(); //不要导向链接地址
$.post("wsxfy.ashx", { "action": "getData", "pageIndex": $(this).text() }, function (data, status) {
if (status == "success") {
$("#ulInfo").empty();
for (i = 0; i < data.length; i++) {
var li = $("<li>" + data[0].Id + "</li>");
$("#ulInfo").append(li);
}
}
});
});
});
</script>
但是当我每次点这个页码条
的时候:出现这种情况:
然后再进入wsxfy.ashx这个页面!
这样的请求,肯定会报错!但是那个e.preventDefault()//为什么不起作用!
下面的html:<body>
<ul id="ulInfo"></ul>
<table>
<tr id="trInfo"></tr>
</table>
</body>