以模式加载AJAX内容并更改URL - javascript

我当前的设置是单击带有来自ajax动作的数据(已传递ID)的模式弹出窗口,我希望URL在单击时更改。

但是我也想要它,以便如果您直接访问该URL,它将以预先加载的模式加载说的index。

与https://www.myunidays.com/perks/view/shoeaholics/online非常相似,它会在模型​​中加载包含内容的URL,然后如果单击/关闭模式,则URL会更改为索引页面。

我看到了有关更改单击URL的相关问题,但找不到与直接访问URL有任何关系(这是我可以添加到.htaccess中的规则)。

(赞赏任何代码/方向)

参考方案

创建一个局部视图(这样布局不会被渲染两次)并将动作添加到控制器

public function actionViewmodal($id)
{
    return $this->renderPartial('_view', array('model' => $this->findModel($id)));
}

然后在我的索引中,我做了以下工作

$(document).ready(function() {
$('a').click(function() {

    pageurl = $(this).attr('href');
    var Id = jQuery(this).attr('id');
    $.ajax({
        type: 'POST',
        data: {
            'modal_id' : Id,
        },
        url : 'http://localhost:8888/directory/viewmodal?id='+Id,
        success: function(response) {
            if(response) {
                $('.modal_some_wrapper').html(response);
                $('#modal_'+Id).modal('show');
                $(document).on('hidden.bs.modal', modal_id, function (event) {
                    $(this).remove();
                });
            } else {
                alert('Error');
            }
        }
    });

       //to change the browser URL to the given link location
        if(pageurl!=window.location){
        window.history.pushState({path:pageurl},'',pageurl);
        }
        //stop refreshing to the page given in
        return false;

});

});

有人可以举例说明myunidays网站如何使用模式和URL更改吗?

如果我得到url(''),我该如何使用另一个URL - javascript

我是新手,正在写这篇文章,但是如果源上没有图像,那么我只有空白。有人可以告诉我,如果我正在获取背景图像,如何获取/images/no-image.jpg:url();这是我的代码:<div class="uk-clearfix uk-position-relative"> <div class="recipeb…

AJAX-每当调用AJAX脚本时,JavaScript就会中断 - javascript

我雇用了一名开发人员来帮助完成某些工作,他主要专注于PHP,并尝试了这种javascript。每当以下AJAX脚本将HTML重新加载到DOM中时,它都会中断页面​​。它通过Codenigniter调用了一个函数以重新加载页面中的view。一旦发生这种情况,所有的javascript将不再起作用。我似乎找不到能帮助解决此问题的解决方案。请帮忙。注意:理想情况下…

Javascript IF语句 - javascript

                        嗨,我有这段代码可以正常工作,并将两个日历显示为一个日历。我还有一个php变量$login_session,其中包含登录电子邮件地址的用户。关于如何显示[email protected]日历的任何想法(伪代码)IF $login_session == "[email protected]&#…

将第三方网站的POST表单数据发送到Django - javascript

我正在托管一个Django网站,该网站存储有关用户的信息。但是,我想在第三方网站上托管表格,例如订阅电子报。我希望能够从URL中的查询集中获取信息并将其发布回我的Django网站。我有一个小脚本,可抓取queryset信息并将其放入表单上的隐藏字段中,然后发布该数据。但是,目前这是在我的网站上完成的。如果我要在其他人的网站上托管该表格,那么最好的处理方式是什…

Javascript-从当前网址中删除查询字符串 - javascript

单击提交按钮后,我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗?当前网址:siteUrl/page.php?key=value 页面提交后:siteUrl/page.php 实际上,我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是,一旦我提交了表格,我就需要删除查询字符串值。我已…