-1

我使用 pushstate/popstate 构建了一个演示，但我想知道Davis.js js 路由库如何在这里使用，有人可以帮我看看下面的例子吗？
谢谢！！

使用 davis.js index.php

print"<a class=\"a\" href=\"$result[id]\"></a>";
if($_GET['id']){
    if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){
        print"
            <div class=\"wrapb\">
                <div class=\"b\"></div>
                <div class=\"close\"></div>
            </div>
        ";
    }
}

js

var app = Davis(function(){
    this.get('?id=:name', function(req){
        var b = $(req).filter('.wrapb').html();
            $('.a').before(b);
            $('.close').click(function(){
                history.back();
            });
    })
})
4

1 回答 1

2

我认为这应该做你想要达到的目标：

var app = Davis(function () {
  this.get('/', function (req) {
    var xhr = $.ajax('/', {
      data: { id: req.params.id },
      dataType: 'html'
    })

    xhr.then(function (data) {
      var html = $(data)

      html.find('.close').on('click', function () {
        history.back()
      })

      $('.a').before(html)
    })
  })
})

产生给路由处理程序的req对象不是 ajax 请求，它是表示对路径的“请求”的对象，在这种情况下/，更多来自docs。

当在路由回调中单击链接时，您必须做任何您希望发生的工作，在您的情况下，您似乎想向服务器发出请求，该服务器将以一段 html 响应（我不是PHP 开发人员，所以这可能是错误的）。然后，您希望将此 html 附加到当前文档中的链接之后。

Davis 的设计不允许基于查询参数进行路由，因此您不应在路径定义中使用它们，因此我将其更改为/.

于 2012-12-31T13:31:07.520 回答