ajax使用技巧之初入门

使用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>

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_22578855/article/details/51545859
文章标签: ajax 局部刷新 返回
个人分类: javascript ajax
想对作者说点什么? 我来说一句

WroxProfessionalAjax.rar

2008年05月23日 2.2MB 下载

之初考试系统

2014年11月26日 17.99MB 下载

Maven从入门到精通的吐血之作.pdf

2016年01月24日 1.85MB 下载

Tecplot的使用入门技巧

2011年11月14日 596KB 下载

没有更多推荐了,返回首页

不良信息举报

ajax使用技巧之初入门

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭