AJax技术

ajax使用技巧之初入门

字号+ 作者:H5之家 来源:H5之家 2016-06-07 14:01 我要评论( )

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

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

<button>点击</button>

</body>

</html>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 应用AJAX技巧的十大理由

    应用AJAX技巧的十大理由

    2016-06-07 15:00

  • Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器

    Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器

    2016-06-01 11:13

  • Ajax学习体验之一

    Ajax学习体验之一

    2016-05-25 18:03

  • 揭密各种AJAX控件和类库

    揭密各种AJAX控件和类库

    2016-05-25 11:04

网友点评