ajax.js
function Ajax(recvType){
var ajax = new Object();
//判断是html还是xml
ajax.recvType = recvType?recvType.toUpperCase():"HTML";
ajax.targetUrl = '';
ajax.sendString = '';
ajax.resultHandle = '';
ajax.createXMLHTTPRequest = function(){
var request = false;
//一般先判断非IE浏览器
//window对象中有XMLHttpRequest存在就是非IE,包括(IE7,IE8)
if(window.XMLHttpRequest){
request=new XMLHttpRequest();//非IE以及IE7,IE8浏览器
if(request.overrideMimeType){
request.overrideMimeType("text/xml");//重置mime类型
}
//window对象中有ActiveXObject属性存在就是IE浏览器的低版本
}else if(window.ActiveXObject){
var versions=['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];//各种IE浏览器创建Ajax对象时传递的参数
for(var i=0; i<versions.length; i++){
try{
request=new ActiveXObject(versions[i]);//各个IE浏览器版本的参数不同
if(request){
return request;
}
}catch(e){
request=false;
}
}
}
return request;
};
ajax.XMLHttpRequest = ajax.createXMLHTTPRequest();
ajax.processHandle = function(){
if (ajax.XMLHttpRequest.readyState==4) {
if (ajax.XMLHttpRequest.status==200) {
if (ajax.recvType=="HTML") {
ajax.resultHandle(ajax.XMLHttpRequest.responseText);
}else if(ajax.recvType=="XML") {
ajax.resultHandle(ajax.XMLHttpRequest.responseXML);
}
}
}
};
ajax.get = function(targetUrl,resultHandle){
ajax.targetUrl = targetUrl;
if (resultHandle!=null) {
ajax.XMLHttpRequest.onreadystatechange = ajax.processHandle;
ajax.resultHandle = resultHandle;
}
if (window.XMLHttpRequest) {
ajax.XMLHttpRequest.open("get",ajax.targetUrl);
ajax.XMLHttpRequest.send(null);
}else{
ajax.XMLHttpRequest.open("get",ajax.targetUrl,true);
ajax.XMLHttpRequest.send();
}
};
ajax.post = function(targetUrl,sendString,resultHandle){
ajax.targetUrl = targetUrl;
if (typeof(sendString)=="object") {
var str = "";
for (var pro in sendString) {
str+=pro+"="+sendString[pro]+"&";
}
ajax.sendString=str.substring(0, str.length-1);
}else{
ajax.sendString=sendString;
}
if (resultHandle!=null) {
ajax.XMLHttpRequest.onreadystatechange = ajax.processHandle;
ajax.resultHandle = resultHandle;
}
ajax.XMLHttpRequest.open("post",ajax.targetUrl,true);
ajax.XMLHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.XMLHttpRequest.send(ajax.sendString);
};
return ajax;
}
ajaxObj.php
<?php
/**
* 自定义ajax对象,简化ajax应用
*
* var arr = ["aa","bb","cc","dd"];
* var obj = {name:"sa",age:10,sex:"man"};
* alert(obj.name);
*/
?>
<script src="ajax.js"></script>
<script>
var ajax = Ajax();
//ajax.get("serverget.php?username=zhangsan&email=devilzy@163.com×tamp="+Math.random(),function(data){
// alert(data);});
//ajax.post("serverpost.php","username=list&email=devilzy@163.com×tamp="+Math.random(),function(data){
// alert(data);});
ajax.post("serverpost.php",{username:"sans",email:"sdfjksdl@173"},function(data){
alert(data);});
</script>
get
<?php
$str = "{$_GET["username"]}---{$_GET["email"]}---\n";
// $file = fopen("saveget.txt", "a");
// fwrite($file, $str);
// $file.close();
echo $str;
?>
post
<?php
//用来解决中文乱码问题
// header("Content-Type:text/html;charset=utf-8");
$str = "{$_POST["username"]}---{$_POST["email"]}---\n";
// $file = fopen("savepost.txt", "a");
// fwrite($file, $str);
// $file.close();
//多个字符串会当成一个字符串来处理
// echo $str."我的啊";
// echo $str."******";
//所以可以写入一个数组中
// $arr = array("one"=>1,"two"=>2,"three"=>3);
//转换成json
// $json = json_encode($arr);
// echo $json;
echo $str;
?>
分享到:
相关推荐
ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习...
Netty学习笔记_Springboot实现自定义协议.docx Netty学习笔记_Springboot实现自定义协议.docx Netty学习笔记_Springboot实现自定义协议.docx
Web2.0之Ajax 学习笔记与应用实例,Web2.0之Ajax 学习笔记与应用实例
【MicroPython学习笔记】02 添加自定义模块(使用C语言实现) 这篇博文要用到的文件
ASP.NET Ajax学习笔记 第一章 ASP.NET AJAX基础 介绍ASP.NET AJAX 简单接处ASP.NET AJAX
本人自行研究JSP自定义标签的学习笔记 目录如下: 目录 一、概述 1 1.1 使用简单标签机制 2 1.2 使用标签文件 3 二 、自定义标签简介 3 2.1 自定义标签概念 3 2.2 标签相关概念 3 2.3 如何创建自定义标签 3 三、自...
AJAX学习笔记。内含Java调用的两个实例,及JavaScript的ajax工具函数,可快速入门,也可当手册使用。个人精心整理,值得收藏。 更多:http://download.csdn.net/user/daillo/all
ajax学习笔记。。。。。。。。。。。。。。。。。。。。。。
自定义标签学习笔记1
根据个人学习Ajax的过程总结,整理了Ajax相关基础知识点,对Ajax的使用有较详细的介绍,通过个别举例,可以快速了解Ajax的功能,比较适合初学者入门。
DelPhi学习笔记6.用户自定义类型(精).pdf
Ajax 学习笔记,超详细的噢!不看后悔,自己上培训班时记的笔记
JavaEE5学习笔记12-JSF集成AJAX使用经验总结。
Unix 学习笔记 Core Java 学习笔记 Tiger 学习笔记 XML 学习笔记 Oracle 学习笔记 JDBC 学习笔记 Hibernate 学习笔记 HTML&JavaScript 学习笔记 Servlet 学习笔记 ...Ajax 学习笔记 EJB 学习笔记 Spring 学习笔记
Ajax学习笔记.zip
ajax的学习笔记,由浅入深。ajax初学的朋友值得借鉴和参考。
NULL 博文链接:https://wustrive-2008.iteye.com/blog/975200
这个笔记是很全面的原生Ajax用法、json解释和jQuery选择器、dom操作、事件的讲解每一部分都有例子搭配,是学习熟悉jQuery的好资料!
NIOS II自定义指令学习笔记主要讲解了自定义指令的基本类型...