Question

请帮助我，如果有人能给我一个例子如何使用ajax与cakephp 2.3.0一个例子是这样的

<?php echo $this->html->link('Original', '#', 
                array('onclick'=>'return false;', 'id'=>'remanufactured-link', 'class'=>'get-type-product-link')); ?>   

<div id="content">
</div>

当我点击original链接时，ID为content的div会发生变化。我怎么能用cakephp 2.3.0做到这一点？

Answer 1

将CakePHP与Ajax结合使用与使用常规HTML / PHP和Ajax没有太大区别。

以下是Cake APP中ajax调用和响应的示例：

jQuery的：

$.ajax({
    url: '/types/fetch/original',
    cache: false,
    type: 'GET',
    dataType: 'HTML',
    success: function (data) {
        $('#context').html(data);
    }
});

（不要忘记更改url参数以匹配您的设置。）

这将向您的Types控制器发出ajax请求，并使用参数'original'调用方法fetch（）。

你的TypesController看起来像这样：

class TypesController extends AppController {

    public $components = array(
        'RequestHandler'
    );

    public function fetch($type) {

        $data = $this->Type->find('all', array(
            'conditions'=>array(
                'Type.type'=>$type
            )
        );

        $this->set('data', $data);

    }
}

添加RequestHandler组件意味着在呈现Ajax请求时，Cake将自动使用最小的Ajax布局。通常这是在AppController中添加的，因此所有控制器都可以使用它。

相关观点：

/app/View/Types/fetch.ctp

<ul>
    <?php foreach($data as $item): ?>
    <li><?php echo $item['Type']['name']; ?></li>
    <?php endforeach; ?>
</ul>

Answer 2

见下面的例子：

         $.ajax({
            dataType: "html",
            type: "POST",
            evalScripts: true,
            url: '<?php echo Router::url(array('controller'=>'your-controller','action'=>'your-action'));?>',
            data: ({type:'original'}),
            success: function (data, textStatus){
                $("#div1").html(data);

            }
        });

Answer 3

我刚刚开始使用cakePHP和Ajax，但从目前为止我收集的内容看起来似乎更简单。在您的视图中使用：

echo $this->Js->link(
    'Original',
    '#',
    array('async' => true,
          'update' => 'content',
                  'id' => 'remanufactured-link'
        )
);
<div id="content">
</div>

这意味着您正在调用此视图的控制器的一些事项（例如，通过单击链接等来调用索引操作...）。

Answer 4

您可以使用jquery / ajax

$("#remanufactured-link").click(function(){ whatyouneed.appenTo("#content"); })

whatyouneed可以是发布/获取或其他内容的数据响应。

与cakephp 2.3.0的简单ajax示例

4 个答案: