AJAX说起来感觉很难,但是把他封装起来你会发现使用起来很简单了,当然也是简单的应用了,譬如留言板的应用等,这里首先,先送大家一个礼物那就是封装好的AJAX的类,下载地址http://xiazai.jb51.net/201412/yuanma/ajax3.0(jb51.net).rar 这里下载这个类,然后教大家怎么使用吧!

实例哦!

Ajax实例

document.write(new Date()+"
");

document.write(new Date()+"
");

document.write(new Date()+"
");

内容加载中.....

function read() {

Ajax().get("read.php?num="+Math.random(), function(data){

document.getElementById("show").innerHTML=data;

})

}

read();

setInerval("read()",3000);

function send() {

var username=document.frm.username;

var desn=document.frm.desn;

var datao = {username:username.value, desn:desn.value};

Ajax().post("save.php", datao, function(data){

read();

username.value="";

desn.value="";

});

}

用户名:

内容:

document.write(new Date()+"
");

document.write(new Date()+"
");

document.write(new Date()+"
");

首先先加入我们的ajax3.0.js这个文件,然后我们就写这个东西Ajax().post("save.php", datao, function(data))

ajax()两个参数 第一个返回xml json 还是html 第二个true异步传输 false同步传输 post后边大家看的明白吧 呵呵

下边是 php的文件

//read.php

@readfile("demo.txt");

//save.php

// header("Content-Type:text/html;charset=gb2312")

$username=$_POST["username"];

$desn = $_POST["desn"];

$fh = fopen("demo.txt", "a");

$text=$username."--".date("Y-m-d H:i:s")."说:".$desn."
";

fwrite($fh, $text);

fclose($fh);

//demo.text

fdsafdsa--2012-11-01 12:24:04说:fdsafdsa
fdsafdsa--2012-11-01 12:24:07说:fdsafdsafsa
111--2012-11-01 12:25:07说:2222
eeee--2012-11-01 12:25:10说:eeee
fdsfds--2012-11-01 12:25:12说:fdsfdsfds
fdsfds--2012-11-01 12:25:19说:fdsfdsfs
fdsfdsf--2012-11-01 12:25:22说:sfdsfdsfds
fdsafdsa--2012-11-01 12:26:00说:fdsafdsa

嗯 今天有点事 ,写的可能不够详细,有什么不懂的,请大家留言,

ajax封装 使用,AJAX封装类使用指南相关推荐

  1. Ajax工作原理和原生JS的ajax封装

    前言: 之所以用ajax作为博客的开篇,是因为无论从ajax的出现还是从它的作用上来说,ajax对于前端无疑是意义重大的.甚至可以说,是ajax带来了前端这个行业.当然,历史并不能说明当下,曾经的辉煌 ...

  2. jquery ajax封装通用方法

    //发送ajax post请求 function ajaxPost(url, param, successfn, errorfn) {ajax("post", "json ...

  3. 【仿旅游网站】Ajax封装

    文章目录 "ajax封装"目录 ajax.js (Ajax类) default.js (存放默认参数 ) utils.js (工具函数) constants.js index.js ...

  4. ajax通讯原理,ajax通讯原理以及自己封装一个ajax函数

    ajax通讯原理 要解释ajax的原理,需要从旧的交互方式开始,当用户触发一个http请求到服务器,服务器对其进行处理之后,再返回一个新的html页到客户端,每当服务器处理客户端提交的请求时,客户都只 ...

  5. 先定一个小目标,自己封装个ajax

    你是否发现项目中有很多页面只用到了框架不到十分之一的内容,还引了压缩后还有70多kb的jquery库 你是否发现项目中就用了两三个underscore提供的方法,其他大部分的你方法你甚至从来没有看过 ...

  6. 2、.net NVelocity中原生javascript ajax封装使用

    在页面上,我们经常会遇到局部刷新的例子,这个时候,就需要用到ajax, 因为很多代码都是公用的,所以我们想到了,将代码封装,简化了使用,减少了冗余 javascript ajax代码如下: var x ...

  7. java原生封装_[Java教程]原生AJAX封装

    [Java教程]原生AJAX封装 0 2016-07-12 13:00:08 回归下原生js,网上看到的AJAX封装,遂拿来改改,不知还有何弊端,望指出!1 var ajaxHelper = { 2 ...

  8. ajax datatype_JavaScript学习笔记(二十七) ajax及ajax封装

    AJAX ajax 全名 async javascript and XML 是前后台交互的能力 也就是我们客户端给服务端发送消息的工具,以及接受响应的工具 是一个 默认异步 执行机制的功能 AJAX ...

  9. ajax背景、ajax对象、ajax状态、ajax与http、ajax请求数据接口、同步与异步、ajax请求XML数据、封装ajax函数、artTemplate简介、同源策略和跨域请求、JSONP

    AJAX简介: ajax背景: 1.AJAX(Asynchronous JavaScript And Xml)异步的 JavaScript 和 XML:ajax是浏览器提供的一套API,最早出现在谷歌 ...

最新文章

  1. tfs连不上团队资源管理器问题
  2. linux下set和eval的使用小案例精彩解答
  3. 第十二期:面试官问你什么是消息队列?把这篇甩给他!
  4. HDU 1476 Sudoku Killer
  5. python怎么画圆圈_python怎么画圆
  6. org.hibernate.exception.ConstraintViolationException: Could not execute JDBC batch update
  7. java ByteBuffer flip()和limit()的理解
  8. java属性定义_Java管理扩展指南--几分钟带你理解MBean
  9. 微信小程序——video视频播放
  10. 抽象工厂模式简单实例
  11. 云服务器我的数据保存在哪个文件夹,云服务器存储在哪里
  12. c语言 常量和变量 ppt,c语言常量与变量.ppt
  13. JPEG中Huffman解码实例讲解
  14. 集合框架-Comparator和Comparable的区别
  15. 今天在5460同学录的留言
  16. [Python]安装/升级pip/pip3
  17. HTTP请求网页(包括HTTPS)
  18. 嵌入式Linux应用开发 1.系统编程 文件IO:open close write read lseek 通过文件io实现cp命令
  19. 一生的读书计划——影响中国历史进程的中国名人2
  20. Isometric Tile

热门文章

  1. [ mongoDB ] - mongoDB的基本操作
  2. c++ 舞伴配对问题_挑战新物体描述问题,视觉词表解决方案超越人类表现
  3. 基于matlab的大米,大米颗数计算MATLAB软件
  4. go kegg_工具篇丨GO和KEGG富集不到通路?快试试这个超赞的功能分析工具吧
  5. self 实例对象-代码详细解释
  6. SparkRDD常用算子实践(附运行效果图)
  7. C++代理 Surrogate
  8. birt插件 web_Maven方式集成BIRT 4.6 Webviewer
  9. php 可维护性的代码,软件的可复用性和可维护性
  10. LeetCode344——Reverse String(将字符串反转)