如何在github源代码浏览中实现AJAX?-HowAJAXisdoneingithubsourcebrowse?

4  

Well, as was described in the comments by Dav, it appears that GitHub does not use the pAjax library. Due to the fact that I ended up answering with an "incorrect" information (actually I think I had seen something related to GitHub using pAjax when I was answering this question, but at the moment I can not find the source), I went after the correct answer.

正如Dav注释中描述的那样，GitHub似乎并不使用pAjax库。由于我最终回答了一个“不正确”的信息(实际上我认为我在回答这个问题的时候看到了一些与GitHub有关的东西，但是当时我找不到来源)，我就去寻找正确的答案。

I did not find anything official on the part of developers regarding whether any library was used, only found a post saying that the History API was used: https://github.com/blog/760-the-tree-slider

关于是否使用了任何库，我没有找到任何开发人员的官方信息，只是找到了一个帖子，说使用了History API: https://github.com/blog/760thetree -slider

Then came to my head, why not ask the code itself?

然后来到我的脑海，为什么不问问代码本身呢?

Using Chrome (in reality any browser with a decent developer tools), open a repository (in this case, pAjax), right-clicking on any directory, simply choose inspect element.

使用Chrome(实际上是任何拥有优秀开发工具的浏览器)，打开一个存储库(在本例中是pAjax)，右键单击任何目录，只需选择inspect元素。

This will display the a element responsible for the directory link.

这将显示负责目录链接的a元素。

A "suspect" class showed up, let's search for it on the Javascript source of the page.

出现了一个“可疑”类，让我们在页面的Javascript源上搜索它。

And here it's, the click event handler for the directory link, in addition to the entire code related to the animation and the History Api. And as can be noted, it's not used any library behind the History Api. Don't forget to mark the Pretty Print option.

这里是目录链接的单击事件处理程序，以及与动画和历史Api相关的整个代码。可以指出，它没有使用历史Api背后的任何库。不要忘记标记漂亮的打印选项。

Old and incorrect answer

GitHub uses the jQuery plugin pJax (pushState + Ajax), which uses the HTML5 history API.

GitHub使用jQuery插件pJax (pushState + Ajax)，该插件使用HTML5 history API。

7  

You have to use HTML5's pushState() method to change browser history.

您必须使用HTML5的pushState()方法来更改浏览器历史。

window.history.pushState(data, "Title", "/new-url");

Doc says:

医生说:

pushState() takes three parameters: a state object, a title (which is currently ignored), and (optionally) a URL.

pushState()接受三个参数:状态对象、标题(当前被忽略)和URL(可选)。

The last argument is the new URL. For security reasons you can only change the path of the URL, not the domain itself. The second argument is a description of the new state. And the first argument is some data that you might want to store along with the state.

最后一个参数是新的URL。出于安全原因，您只能更改URL的路径，而不能更改域本身。第二个参数是对新状态的描述。第一个参数是一些你可能想随状态一起存储的数据。