AJAX说起来感觉很难,但是把他封装起来你会发现使用起来很简单了,当然也是简单的应用了,譬如留言板的应用等,这里首先,先送大家一个礼物那就是封装好的AJAX的类,下载地址http://xiazai.jb51.net/201412/yuanma/ajax3.0(jb51.net).rar 这里下载这个类,然后教大家怎么使用吧!
实例哦!
<html> <head> <title>Ajax实例</title> <script src="ajax3.0.js"></script> </head> <body> <script> document.write(new Date()+"<br>"); document.write(new Date()+"<br>"); document.write(new Date()+"<br>"); </script> <div id="show" style="background:yellow;border:1px solid blue"> 内容加载中..... </div> <script> 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=""; }); } </script> <form name="frm"> 用户名:<input type="text" name="username" value=""><br> 内容: <textarea cols="40" rows="5" name="desn"></textarea> <input type="button" onclick="send()" value="留言"> </form> <script> document.write(new Date()+"<br>"); document.write(new Date()+"<br>"); document.write(new Date()+"<br>"); </script> </body> </html>
首先先加入我们的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."<br>";
fwrite($fh, $text);
fclose($fh); //demo.text fdsafdsa--2012-11-01 12:24:04说:fdsafdsa<br>fdsafdsa--2012-11-01 12:24:07说:fdsafdsafsa<br>111--2012-11-01 12:25:07说:2222<br>eeee--2012-11-01 12:25:10说:eeee<br>fdsfds--2012-11-01 12:25:12说:fdsfdsfds<br>fdsfds--2012-11-01 12:25:19说:fdsfdsfs<br>fdsfdsf--2012-11-01 12:25:22说:sfdsfdsfds<br>fdsafdsa--2012-11-01 12:26:00说:fdsafdsa<br>
嗯 今天有点事 ,写的可能不够详细,有什么不懂的,请大家留言,
前言 学会了 Ajax 的请求以及如何处理服务端的响应。这一章节,我们着重来封装一个简单的 Ajax。 前置知识: 本章节会使用部分 ES6 语法 本章节使用 Promise 简单需求: 支持 Promise 语法处理结果 支持自定义配置,包括 headers 内置 url、params、 data、headers 处理 1. 构造一个这样的 xhr function xhr(config) {
本文向大家介绍使用Python封装excel操作指南,包括了使用Python封装excel操作指南的使用技巧和注意事项,需要的朋友参考一下 前言 openpyxl 是 python 中操作 excel 表格比较常用的一个库,可以读取和写入excel文件,支持【.xlsx / .xlsm / .xltx / .xltm】格式的文件,处理excel数据、公式、样式,且可以在表格内插入图表 但是在实际项
本文向大家介绍javascript制作的cookie封装及使用指南,包括了javascript制作的cookie封装及使用指南的使用技巧和注意事项,需要的朋友参考一下 一、前言 之前使用cookie,都是document.cookie的形式去操作,兼容性虽好,但是麻烦。个人又是个比较喜欢造轮子的人,所以针对cookie,封装了个工具类。很长时间以来,我都喜欢写代码,而不太喜欢文字总结,也不太喜欢写
本文向大家介绍Android指纹登录工具类封装,包括了Android指纹登录工具类封装的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android指纹登录工具类的封装代码,供大家参考,具体内容如下 核心 Android 指纹 是在 6.0 才出来的一个重要的功能 核心的两个 api: FingerprintManager KeyguardManager step1 判断androi
本文向大家介绍vue-ajax小封装实例,包括了vue-ajax小封装实例的使用技巧和注意事项,需要的朋友参考一下 1. js 文件: 2. html示例: 3. 需要获取的数据(1.json) 4. 结果 以上这篇vue-ajax小封装实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。
本文向大家介绍基于原生ajax与封装的ajax使用方法(详解),包括了基于原生ajax与封装的ajax使用方法(详解)的使用技巧和注意事项,需要的朋友参考一下 当我们不会写后端接口来测试ajax时,我们可以使用node环境来模拟一个后端接口。 1、模拟后端接口可参考网站整站开发小例子,在打开命令窗口并转到所在项目文件夹下在命令行中输入npm install express --save,安装exp