Ajax

function createXmlHttp(){
if(window.XMLHttpRequest){
//针对firefox,mozillar,opera,safari,IE7,IE8
xmlHttp = new XMLHttpRequest();
//针对某些特定版本的mozillar浏览器的bug进行修正
if(xmlHttp.overrideMimeType){
xmlHttp.overrideMimeType("text/xml");
}
}else  if(window.ActiveXObject){
//针对IE6,IE5.5,IE5
try{
xmlHttp=new ActiveXObject("MSXML2.XMLHTTP");
}catch(e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
alert("不能创建XmlHttpRequest");
}
}
}
}
/*
 * ajax 步骤
 * 首先是通过javascript的事件触发执行javascript的函数
 * 1.根据不同的浏览器创建出ajax的引擎对象XMLHttpRequest对象
 * 2.在XMLHttpRequest对象中设置要发送的请求及其参数
 * open(first,second,third)
 * @param first:代表的是提交的方式是get还是post
 * @param second:代表的是该次请求的路径及其参数  url为servlet的url-pattern或者是jsp
 * @param third:代表的该次请求是同步模式还是异步模式   true代表的是异步模式
 * 3.利用XMLHttpRequest对象send()方法将该请求发送给服务器
 * 4.XMLHttpRequest接收从服务器返回的数据
 * 5.利用dom模型将其数据显示页面的局部  实现局部刷新 
 */
function addComment(){
createXmlHttp();//第一步  创建出XMLHttpRequest对象
var url = "MyServlet?action=addComment";
var comment=document.getElementById("content").value;
xmlHttp.open("post",url,true);//第二步 设置要发送的请求及其参数   open()三个参数
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send("comment="+comment);//第三步 发送请求给服务器
xmlHttp.onreadystatechange = callback;//监视readyState状态 发生改变触发函数来执行处理返回值
}


function callback(){
if(xmlHttp.readyState == 4){
//alert(xmlHttp.responseText);
document.getElementById("commentDiv").innerHTML = xmlHttp.responseText;
}
}
function trim(obj){
obj=obj.replace(/^\s+|\s+$/g, "");
return obj;
}


function isEmail(str){
var pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
return pattern.test(str);
}

复制 搜索

复制 搜索