无法使用jQuery更新URL

Prafulla Kumar Sahu

我正在开发一个Google Analytics(分析)插件,并且遇到了基于Ajax的分页问题因为是分页,所以将为每个下一个和上一个链接请求数据。(我解决了;这是一个打字错误。)

我无法正确更新next和previousLink。

我已附上以下屏幕截图和代码。

要求下一个和上一个链接单击的next和previousLink的jQuery代码

jQuery('document').ready(function(){
    jQuery('.next-page,.prev-page').click(
        function( event ){
            event.preventDefault();

            url = jQuery(this).attr('href');
            console.log( url );
            jQuery.ajax({
                url: url,
                context: document.body
            }).done(function( data ){
                console.log(data.previousLink);
                console.log(data.nextLink);// https://www.googleapis.com/analytics/v3/data/ga?ids=ga:85914642&dimensions=ga:pagePath,ga:date&metrics=ga:pageviews,ga:uniquePageviews,ga:sessionDuration,ga:bounceRate,ga:exits&sort=ga:pageViews&filters=ga:pageViews%3C%3D10&start-date=7daysAgo&end-date=today&start-index=1&max-results=10
                if( data.previousLink != 'undefined' && accessToken != 'undefined' ){
                   // jQuery('.prev-page').prop("href", data.previousLink + '&access_token=' + accessToken );
                    jQuery('.prev-page').attr("href", data.previousLink + '&access_token=' + accessToken );//for first nextlink click and then previous link click http://localhost/analytica-test/wp-admin/undefined&access_token=ya29.RwLlLWsZlGzURfJiOYwkefk_Kpu0XIpKj0XoPHi5_n8nbSdmguInQgLRxXo3Ld0YjdvXeQ
                    //jQuery('.prev-page').href =  data.previousLink + '&access_token=' + accessToken ;
                }
                if( data.nextlink != 'undefined' && accessToken != 'undefined' ){
                   // jQuery('.next-page').prop("href", data.nextLink + '&access_token=' + accessToken );//after first time nextlink is clicked http://localhost/analytica-test/wp-admin/undefined&access_token=ya29.RwJ0guP0f2kr17Jyz8Dqcg0sM7RN4IQpyAehMpniRh8tspbNaIjcUvb2tzPI9ZD8zdG5DQ
                    jQuery('.next-page').attr("href", data.nextLink + '&access_token=' + accessToken );// after first time nextlink is clicked http://localhost/analytica-test/wp-admin/undefined&access_token=ya29.RwLlLWsZlGzURfJiOYwkefk_Kpu0XIpKj0XoPHi5_n8nbSdmguInQgLRxXo3Ld0YjdvXeQ
                    //jQuery('.next-page').href =  data.nextLink + '&access_token=' + accessToken ;
                }
        });
    });
});

重新加载页面时的HTML

**<div class="tablenav-pages"><span class="displaying-num">445 items</span>
<span class="pagination-links"><span class="tablenav-pages-navspan" aria-hidden="true">«</span>
<a class="prev-page" href="&amp;access_token=ya29.RwIyTJjW7Bi0l-SLAQozJF6TT_-ynCOX1dzvMyOEdafY3NNp1CcO18codDhmoJYiucVCfw"><span class="screen-reader-text">Previous page</span><span class="tablenav-pages-navspan" aria-hidden="true">‹</span></a>
<span class="screen-reader-text">Current Page</span><span id="table-paging" class="paging-input">1 of <span class="total-pages">45</span></span>
<a class="next-page" href="https://www.googleapis.com/analytics/v3/data/ga?ids=ga:85914642&amp;dimensions=ga:pagePath,ga:date&amp;metrics=ga:pageviews,ga:uniquePageviews,ga:sessionDuration,ga:bounceRate,ga:exits&amp;sort=ga:pageViews&amp;filters=ga:pageViews%3C%3D10&amp;start-date=7daysAgo&amp;end-date=today&amp;start-index=11&amp;max-results=10&amp;access_token=ya29.RwIyTJjW7Bi0l-SLAQozJF6TT_-ynCOX1dzvMyOEdafY3NNp1CcO18codDhmoJYiucVCfw"><span class="screen-reader-text">Next page</span><span class="tablenav-pages-navspan" aria-hidden="true">›</span></a>
<span class="tablenav-pages-navspan" aria-hidden="true">»</span></span></div>**

在此处输入图片说明

用户5393067

您的代码中的问题是拼写错误。data.nextlink不是提要中的那个。它是data.nextLink(CAPS'L')。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法使用jQuery正确更新属性

来自分类Dev

jQuery:价格不会更新-无法正确减去(使用switch语句)

来自分类Dev

jQuery:价格不会更新-无法正确减去(使用switch语句)

来自分类Dev

使用jQuery Validation插件成功验证后无法更新<div>

来自分类Dev

无法在jquery和jtable中使用datepicker更新和创建

来自分类Dev

如何使用jQuery更新URL中的get参数

来自分类Dev

使用JQUERY更新对话框窗口中的IFRAME URL

来自分类Dev

无法在Bootstrap表中使用jQuery设置数据URL值

来自分类Dev

无法在Bootstrap表中使用jQuery设置数据URL值

来自分类Dev

无法在QUnit测试中使用从http URL引用的jQuery

来自分类Dev

无法使用LINQ更新

来自分类Dev

无法使用LINQ更新

来自分类Dev

使用URL更新组件

来自分类Dev

mkdir()无法使用URL

来自分类Dev

使用jQuery更新类

来自分类Dev

使用jQuery更新表

来自分类Dev

使用friendly_id更新属性后无法更改URL路径

来自分类Dev

BackboneJS - 无法动态更新集合 URL

来自分类Dev

无法使用certbot更新/ Letsencrypt更新证书

来自分类Dev

jQuery无法使用分页

来自分类Dev

datepicker无法使用jQuery

来自分类Dev

无法使用Jquery选择

来自分类Dev

无法在MVC 4中使用jquery ajax更新部分视图

来自分类Dev

使用jQuery无法编辑,更新和取消表格单元格文本

来自分类Dev

jQuery无法与razor一起使用以更新表中的数据

来自分类Dev

无法使用 jQuery Ajax Bootstrap 模型从数据库中获取更新数据的值 - json 数据

来自分类Dev

更新后无法使用cocoapods

来自分类Dev

使用GoogleApiClient + LocationServices无法更新

来自分类Dev

无法使用Ansible更新rsyslog