Question

这是我的情况。我在页面上有10个链接。因此，当用户点击这些链接ajax时，必须重新加载相同的页面。

要明确我有类似的东西。

<a href="test.php?name=one">one</a> | <a href="test.php?name=Two">Two</a>

如果启用了javascript，

Onclick，必须进行ajax加载。

如果禁用了javascript，那么以上操作就可以了。

基本上我使用“名称”来限制搜索页面的某些值。

Answer 1

以不引人注意的方式将点击处理程序附加到您的链接：

$(function() {
    $('a').click(function() {
        // resultContainer is the id of some element that will receive
        // the HTML from the link
        $('#resultContainer').load(this.href);
        return false;
    });
});

如果禁用了javascript，链接将执行重新加载整个页面的标准请求。

Answer 2

这是你做的......

对于那些未在浏览器上启用Javascript的用户，可以使用<noscript>标记。

如果页面呈现<noscript>标记，则<a>点击应该正常运行，否则执行ajax调用。

通常人们做的是两次写同一页，一个不包含javascript而另一个包含。

e.g

<script type="text/javascript">
   //Functions goes here...
</script>
<noscript>
  <!-- redirection -->
</noscript>

此处<noscript>更多信息：http://xhtml.com/en/xhtml/reference/noscript/

更新：在您的网页上使用以下DTD。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

严格的DTD不支持<noscript>。

Ajax重新加载同一页面onclick

2 个答案: