Ajax基本代码

原创 2012年03月31日 17:10:04
var xmlHttp;									//xmlHttpRequest组件对象
function addCommentsAjax(){
	var ccontent = document.getElementById("ccontent");
	if(ccontent.value==null || ccontent.value==""){
		alert("评论不能为空");
	}
	xmlHttp = createXmlHttpRequest();
	var url = "servlet/CommentServlet?cname=ff";//请求字符串
	xmlHttp.onreadystatechange = processRequest;//设置回调函数(不能有括号)
	xmlHttp.open("get",url,true);				//打开与服务器响应地址的连接
	
	//如果post提交需要加下面一行代码
	//xmlHttp.setrequestheader("content-type","application/x-www-form-urlencoded"); 

	xmlHttp.send(null);							//发送请求
}

function createXmlHttpRequest(){				//创建xmlHttpRequest组件(兼容各浏览器)
	if(window.ActiveXObject){
		return new ActiveXObject("Microsoft.XMLHTTP");
	}else if(window.XMLHttpRequest){
		return new XMLHttpRequest();
	}
}
/*
因为返回的是innerHTML,所以如果要获取字符串就必须处理
String.prototype.trim() = function(){
	var m = this.match(/^\s*(\S+(\s+\S+)*)\s*$/);
	return (m==null)?"":m[1];
}
*/
function processRequest(){
	if(xmlHttp.readyState == 4){				//等于4代表请求完成
		if(xmlHttp.status == 200){				//等于200代表服务器响应正常,404访问资源部存在
			//请求完成后返回的是innerHTML
			 document.getElementById("comments_show").innerHTML = xmlHttp.responseText;
		}else{
			alert("请求处理返回的数据有错误:" + xmlHttp.status);
		}
	}
}

Ajax基本对象的属性和方法

  • 2013年11月13日 16:30
  • 146KB
  • 下载

基本的JSP中调用Ajax与Servlet进行数据交互

首先创建jsp页面中  然后在页面中写入js代码! ">

Ajax的案例基本分析

  • 2012年05月05日 20:48
  • 766KB
  • 下载

jQuery 下的 Ajax 基本知识整理

所整理的基本知识仅为方便日后查看

ajax初级基本应用

  • 2011年05月21日 16:27
  • 12KB
  • 下载

ajax的基本知识整理

$.ajax({            type:"POST",            url:"Venue.aspx?act=init",            dataType:"html"...
  • yuye370
  • yuye370
  • 2017年02月17日 13:57
  • 146

Ajax基本教程

  • 2013年08月22日 12:28
  • 81KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax基本代码
举报原因:
原因补充:

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