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的应用程序架构汇总

基于Ajax的应用程序架构汇总浏览器端框架被划分成两大类:·应用程序框架:提供浏览器的功能,但是常以包括窗口小部件抽象和另外的部件而出名,其功能主要围绕桌面GUI框架。·基本结构框架:提供基本的管道和...
  • kastolo
  • kastolo
  • 2006年11月07日 17:12
  • 2250

Ajax 整体结构

jQuery.Ajax做了那些事? 我们知道AJAX的底层实现其实是很简单的.抛开IE不说,标准的w3c直接提供了XMLHttpRequest方法 我们主要站在设计的角度理解,如何设计出低耦合高内...
  • turingty
  • turingty
  • 2016年02月29日 17:05
  • 667

Ajax 基本代码:

刚初步学习完Ajax。决定整理一下ajax的基本代码,以后随用随粘。 var xmlHttp ; function createXMLHttp(){ if(window.XMLHttpReq...
  • li758568825
  • li758568825
  • 2017年02月09日 16:34
  • 161

通用的AJAX基本功能源码

此程序演示了ajax的基本功能:1 xml结果集返回到页面2 另一个需要的页面显示到当前的页面3 一个字符串显示到页面ajax.js为ajax的核心方法AjaxAction.java 为后台处理类aj...
  • shazhenzhong
  • shazhenzhong
  • 2007年07月03日 17:21
  • 833

ajax基础知识详解

AJAX 项目开发模块: B/S模块 即浏览器/服务器(一般会优先做出来当展品) 优点:轻量级 缺点:无法做太多炫酷的特效 C/S模块 即客户端/服务器 优点:可实现很多炫酷的特效 缺点:重...
  • GaojbSunny
  • GaojbSunny
  • 2016年11月26日 16:24
  • 1260

AJAX基本应用

//AJAX基本应用://两个数相加:用到一个基本应用程序页面!!@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx...
  • wangjun_pfc
  • wangjun_pfc
  • 2007年08月05日 10:40
  • 645

ajax基础知识点

ajax可以看成是javascript创建的对象。在某一个事件触发时,该对象会提交到服务器进行处理,和产生相应的返回。 基本模板如下。 $.ajax({//可以看成是一个数据对象,对应javascri...
  • lms1256012967
  • lms1256012967
  • 2015年05月29日 00:07
  • 380

简单Ajax几种写法

XMLHTTPRequest GET方式 var xhr=new XMLHttpRequest(); xhr.open("get","servlet?name=testPa...
  • qq_30085577
  • qq_30085577
  • 2016年02月26日 17:48
  • 7547

Ajax 简单的实例代码

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJ...
  • wu_ning
  • wu_ning
  • 2017年03月02日 19:32
  • 1716

原生Ajax异步请的代码

欢迎各加入该群:217613211 一起探讨技术问题:群答案是:11 get请求: var ajax = new HttpRequest();//获得ajax的对象 ajax.open("请求方式:g...
  • io_01
  • io_01
  • 2017年04月10日 10:40
  • 522
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax基本代码
举报原因:
原因补充:

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