javascript - 如何使Code Igniter ajax请求URL出现在浏览器URL中。

Question

我正在使用code-igniter framework。当我单击或选择下面的 panel1 任何选项时，我为调用 Ajax 函数而进行的每次单击和选择事件以及用户信息都会显示在 panel2 DIV 中> 标签。我在地址栏上看不到完整的 URL。如何在浏览器地址栏上显示ajax请求URL。

var ajaxUrl = '<?php echo base_url(); ?>' + 'main/userinfo/' + gender + '/' + age_min + '/' + age_max;
$.ajax({
  url: ajaxUrl,
  dataType: "JSON",
  type: "POST",
  success: function(retdata) {


  });

Answer 1

有很多文章，甚至在 SO 中，都解释了如何在不刷新页面的情况下更改地址栏的 url(例如，在执行 ajax 调用时)。基本思想是使用 HTML5 History API(pushState())。像这样的东西:

var ajaxUrl = '<?php echo base_url(); ?>' + 'main/userinfo/' + gender + '/' + age_min + '/' + age_max;
$.ajax({
  url: ajaxUrl,
  dataType: "JSON",
  type: "POST",
  success: function(retdata) {

   window.history.pushState({"html":retdata.html,"pageTitle":retdata.pageTitle},"", ajaxUrl);
  });

这个库还有一个名为history.js的polyfill，适用于旧浏览器。