关闭

ajax使用技巧之初入门

标签: ajax局部刷新返回
160人阅读 评论(0) 收藏 举报
分类:

使用ajax可以局部刷新,开始自学的时候因为js也不是太好,所以总是感觉似懂非懂的,今天看了个视频,里面讲的不错,下面是我的心得笔记。

实现的效果是,可以把从后台得到的东西显示出来,局部刷新。

需要的文件:IndexAction.class.php   index.html

IndexAction.class.php:

<?php

       class IndexAction extends  Action{

                   public function index(){

                             $this->display();

                    }

                    public function getAjax(){

                              $this->AjaxReturn('要返回的数据','信息',1);

                    }


       }

?>

index.html:

<html>

<meta http-equiv="content-type" content="text/html;charset=utf-8" ">

<head><script src="__PUBLIC/js/jquery.js"></script></head>

<script>

            $(function(){

                 $('button').bind('click',function(){

                         $.get('__uRL__/getAjax',function(jdata){

                                  $('div#did').html(jdata.data);

                         })

                   })

             });

</script>

<body>

       <div id='did' style='background:pink;height:50px;width:100px'></div>

       <button>点击</button>

</body>

</html>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:20082次
    • 积分:518
    • 等级:
    • 排名:千里之外
    • 原创:31篇
    • 转载:11篇
    • 译文:0篇
    • 评论:2条
    文章分类
    最新评论