今天自己在做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>

posted on 2011-10-31 11:45  mmdlp3  阅读(689)  评论(2编辑  收藏  举报