首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何使代码触发器ajax请求URL显示为浏览器URL。

如何使代码触发器ajax请求URL显示为浏览器URL。
EN

Stack Overflow用户
提问于 2016-07-24 02:04:16
回答 1查看 844关注 0票数 0

我正在使用code-igniter framework。当我点击或选择following panel1 any选项时,每次点击并选择我所做的调用Ajax函数和用户信息的事件都会出现在panel2 DIV标签上。我在地址栏上看不到完整的URL。如何在浏览器地址栏上显示ajax请求URL。

代码语言:javascript
代码运行次数:0
运行
复制
var ajaxUrl = '<?php echo base_url(); ?>' + 'main/userinfo/' + gender + '/' + age_min + '/' + age_max;
$.ajax({
  url: ajaxUrl,
  dataType: "JSON",
  type: "POST",
  success: function(retdata) {


  });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-24 02:25:01

即使在SO中,也有很多文章解释了如何在不刷新页面的情况下更改地址栏的url (例如,在执行ajax调用时)。基本思想是使用HTML5 History API ( pushState())。类似于:

代码语言:javascript
代码运行次数:0
运行
复制
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。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38544949

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档