原生js实现ajax的一个简单demo

ajax技术非常普遍，各种框架都有实现，今天我写一个原生js实现的ajaxdemo

//判断一个表单是否有必须要填写的输入框，然后没有被填写
function validateForm(whichform){
	for(var i = 0;i<whichform.elements.length;i++){
		//遍历表单中需要填写的信息
		var element = whichform.elements[i];


		if(element.required == 'required'){
			//alert(element);
			if(!isFilled(element)){
				alert("请填写" + element.name + "表格");
				return false;
			}
		}
	}
	return true;
}


//为页面中的所有表单绑定点击提交事件。
function prepareForms(){
	for(var i = 0;i<document.forms.length;i++){
		//遍历所有表单
		var thisform = document.forms[i];
		//resetFields(thisform);
		thisform.onsubmit = function(){
			//点击函数返回false页面不会发生跳转
			if(!validateForm(this)) {return false;}
			//找到p标签由article引用
			var article = document.getElementsByTagName('p')[0];
			//以异步的方式提交数据，返回的信息存在article变量里
			if(submitFormWithAjax(this,article)) return false;
			//alert("success