ajax使用技巧之初入门

原创 2016年05月31日 15:03:22

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

AJAX系列一之初印象

什么是Ajax? 1.全称: Asynchronous JacaScript and XML (异步的javaScript和XML) 2.作用: 是一种在无需重新加载整个网页的情况之下能够更新部分网页...
  • evoluyi
  • evoluyi
  • 2016年04月15日 14:37
  • 213

Ajax之初步

学习网址:http://www.imooc.com/learn/250 一、创建XHR对象var request; if(window.XMLHttpRequest) { //IE7+,F...

Kafka入门之初见

文章转自:http://www.aboutyun.com/thread-9341-1-1.html   1.zookeeper在kafka的作用是什么? 2.kafka中几乎...

SpringMVC之初入门-配置篇

今天看了springmvc的视频,有如下收获。springmvc的xml配置和注解配置。 1、xml配置 在加入springmvc的jar包后,在web.xml中添加如下代码   dispa...

Hibernate之初入门

Hibernate基础 首先解释持久化(Persistence),即把数据(如内存中的对象)保存到可永久保存的存储设备中(如磁盘)。持久化的主要应用是将内存中的对象存储在关系型的数据库中,当然也可以...

\Ajax入门技巧应用篇

  • 2012年10月24日 00:16
  • 1.1MB
  • 下载

Java成长之初 - JDK的安装与使用

不论是Java,还是Android我们都会依赖与JDK进行开发,那么我们本章为大家进行图文讲解.1.首先我们要下载对应的32位或64位的JDK,我们可以去Sun公司的官网(http://www.ora...

IPv6之初使用,及IPv4与IPv6的socket通信

IPv6是InternetProtocol Version 6的缩写。IPv6是IETF(互联网工程任务组,InternetEngineering Task Force)设计的用于替代现行版本...

多媒体课程设计之初一几何

  • 2011年04月07日 19:36
  • 3.25MB
  • 下载

批处理详细教程之初级

  • 2011年09月04日 15:03
  • 33KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax使用技巧之初入门
举报原因:
原因补充:

(最多只允许输入30个字)