标签: pjax

我有一个rails应用程序,我继续得到一个奇怪的行为与pjax请求.当我查看我的开发日志时,我可以看到正在发出两个请求.第一个请求是pjax而下一个请求不是.结果页面仍然重新加载.

如果有人能帮助我,我感激不尽.

我终于得到了pjax工作,但我有另一个问题..如何添加一些jquery动画,如fadeout/slideup旧内容和fadein/slidedown新内容？

默认情况下,pjax只是更改内容而没有任何好看的效果..

任何帮助将非常感激.

最好的祝福

我想使用Pjax刷新gridview但不知何故它不起作用.这是代码:

_search.php

    <?php

use yii\helpers\Html;
use yii\widgets\ActiveForm;
use yii\widgets\Pjax;

$this->registerJs("
                  $('#btnAjaxSearch').click(function(){
                        $.ajax({
                                type: 'get',
                                data: $('.bank-search form').serializeArray(),
                                success: function (data) {
                                      $.pjax.reload({container:\"#bank\"});
                                },
                                error: function (XMLHttpRequest, textStatus, errorThrown) {
                                      alert('error');
                                }
                        });
                       return false;
                  });
                ", \yii\web\View::POS_END, 'bank-search');
?>

<div class="bank-search">
    <?php Pjax::begin(['id' => 'bank-form']); ?>
    <?php $form = ActiveForm::begin([
        'action' => ['index'],
        'method' => 'get',
    ]); ?>

    <?= $form->field($model, 'bank_name') ?>

    <?= $form->field($model, 'state') ?>

    <?= $form->field($model, 'district') ?>

    <?= $form->field($model, 'city') ?>

    <div class="form-group">
        <?= Html::Button('Search', ['class' => …

对于那些不知道我在说什么的人:https://github.com/ThePixelDeveloper/pixel-pagination

当您单击目录或文件时,github将向左滑动内容以显示新内容.我理解内容的加载是用pjax完成的,我把这个部分搞定了,但是真的很难过渡.问题是新内容被加载到我正在移动的容器中,因此它从屏幕边缘消失,并且不等待任何动画完成.

我的问题是:如何将新的pjax内容加载到新容器中？在那之后我想要做的就是在内容加载后将整个容器向左滑动以显示它.

我正在使用PJAX,它适用于简单的示例,但我需要能够使用PJAX请求执行一些高级操作.

1. 我想在每个PJAX请求中附加一些数据.我想追加的数据实际上是一个对象数组.见下面的例子.
2. 我可能需要使用POST而不是GET来进行ajax调用.
3. 我可能需要将content-type更改为"application/json".

我有以下......

var people = [{ first: "John", last: "Doe" }, { first: "Jane", last: "Smith" }];

$("a.sheet-link").pjax("#content");

$('#content').on('pjax:beforeSend', function (e, jqXHR, settings) {

  // Modify ajax request here?
  // Would like to append the people array to data
  // Would like to POST rather than GET
  // May need to change content-type to "application/json".

});

我尝试了各种方法......

• 使用jQuery.ajaxSetup设置一些默认值(我可以设置数据,但是不会附加_pjax数据元素;我试图将类型设置为POST,但这并没有坚持.)
• 尝试修改beforeSend处理程序中的jqXHR对象
• 尝试修改beforeSend处理程序中的设置对象

所有尝试都给了我各种问题.

我不知道为什么这么难.任何帮助将不胜感激!

我目前正在使用pjax并且它工作得很好但是我需要运行两个jQuery函数,一个在pjax加载新url之前,一个在加载新url之后,我该怎么做？

我尝试了以下两种变化,但似乎都没有效果？

第一次尝试:

$("a").pjax("#main").live('click', function(){

    //Function Before Load  
    // Function After Load
})  

第二次尝试:

$("body").on("click", "a", function(){

    //Function Before Load  

    $(this).pjax("#main");

    //Function After Load   

    return false;
});

我有一个带有行的html表和一个jQuery处理程序.
点击事件调用window.location.href会导致整页刷新.

我可以以某种方式手动调用turbolinks来获取页面吗？我应该使用PJAX吗？

谢谢

我想用codeigniter实现Pjax jquery库其他函数工作正常.但是,当我添加它时,它会分页并且它不起作用.当我点击分页按钮比它的更改网址但突然重新加载后,正常的PHP不是ajax ..

$this->load->library('pagination');

    $FilterData = $this->input->get();

    $config = bootstrapPagination();
    $config['base_url'] = main_url('members');

    $config["total_rows"] = $this->member->browse_search_total($FilterData);
    $config["per_page"] = PER_PAGE;
    $config['reuse_query_string'] = TRUE;
    $this->pagination->initialize($config);

    $data["links"] = $this->pagination->create_links();

    $data['members'] = $this->member->browse_search($FilterData, PER_PAGE, $offset);


    $this->pagination->initialize($config);

    $data['links'] = $this->pagination->create_links();
 if (isset($_SERVER['HTTP_X_PJAX']) && $_SERVER['HTTP_X_PJAX'] == TRUE)
    {
        $this->load->view('show_members', $data);
    } else
    {
        $this->output->set_template('frontend');
        $this->output->set_title('Members | ' . sitename());
        $this->load->view('show_members', $data);
    } 

我只是想知道如何重新加载多个pjax？这是我的代码

        $.pjax.reload({container:"#con_camp"});
        $.pjax.reload({container:"#con_camp1"});

但只有#con_camp1才会重新加载.

我使用框架Yii2与他们的Pjax实现.控制器代码添加了一个成功传递响应的标题"X-Pjax-Url".

Pjax的重定向通过pjax.js方法在Chrome,Safari和Firefox中处理得很好,但在IE11中失败了.

当我使用包含的调试器并查看响应头时,标头就在那里,并且url是正确的,但是IE11没有读取它.

响应错误:

响应标头:

有任何想法吗？

**2015年9月7日更新

控制器代码:

return $this->redirect(['secure/dashboard']);

以下是有关如何使用此方法的文档(yii\web\Controller)的链接,该方法是此方法(yii\web\Response)方法的快捷方式.

再一次,这适用于Chrome,Safari和Firefox,而不是IE11.

我正在使用此代码段来验证xhr响应,该响应返回null.

// pjax complete
$(document).on('pjax:complete', function (event, xhr, textStatus, options) {
    alert(JSON.stringify(xhr));
    var url = xhr.getResponseHeader('X-Pjax-Url');
    if (url) {
        window.location = url;
    }
});

在上面的图像中,您可以看到标题实际上正在发送,就好像IE正在正确读取它一样.

Pjax.js文件实际上处理重定向,我只是使用该代码段进行调试.