ajax技术

ajax技术：在做练习的过程中，我用过老师教的自己创建ajax的方法，也用过jquery中封装好的方法，下面我就将这两种方法都展示一下吧：
手动创建：var request;
function createRequest(){
// 支持IE浏览器
if(window.ActiveXObject){
request=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
request=new XMLHttpRequest();
}
else{
alert("no support!");
}
}

function send(){
createRequest();
request.onreadystatechange=process;
request.open("POST","ReNameServlet",true);
request.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded;charset=UTF-8");
request.send("userName="+document.getElementById("text").value);
}

function process(){
if(request.readyState==4&&request.status==200){

alert(request.responseText);
}
}
jquery封装好的方法：
function getGoodsMsg(){
$.ajax({
type : "POST",//选择页面提交数据的方式，可以是get,post
url : "DetailsFirstServlet",//数据提交的路径，就是要访问哪个Servlet
data: "goodsId="+$("#goodsId").value,//前台往后台传递的参数
dataType : "json",//后台数据返回的格式
success : function(msg) {//访问成功后，后台返回的数据
if (null != msg) {
$("#goods-img").attr("src",msg.goodsImageUrl);;
$("#goodsPrice").html(msg.goodsPrice);
$("#saleNum").html(msg.goodsSNum);
$("#clickNum").html(msg.clicktimes);
$("#goodsName").html(msg.goodsName);
$("#goodsComments").html(msg.commentNum);
$("#userLocation").html(msg.address);
$("#goodsCnum").html(msg.goodsCNum);
$("#custName").html(msg.account);
}
}
});
}
function valtt(){
$("#comment-input").value=$("#comment-area").innerHTML;
// alert($("#comment-area").val());
$.ajax({
type : "POST",
url : "CreateCommentServlet",
data: "commentContent="+$("#comment-area").val(),
dataType : "json",
success : function(msg) {
if (null != msg) {
alert(msg);
}
}
});
}