ajax在jQuery的应用,ajax的基本应用及原理，及在jquery里ajax的应用

//首先在标签中调用函数好比onblurjavascript

//在js中写以下两个函数html

functionXhr(){java

var xhr=null;jquery

if(window.XMLHttpRequest){ajax

//判断是否是ie浏览器，此判断是非ie浏览器json

xhr = new  XMLHttpRequest();浏览器

}else{服务器

//是ie浏览器app

xhr= new ActiveXObject("Microsoft.XMLHTTP");异步

}

return xhr;

}

function  getText(){

//获取ajax对象

var xhr = Xhr();

//建立请求

//其中post是使用post或者get方法在servlet中的

//action位置是写要传输的servlet文件，true表示异步，通常都写true

xhr.open("post","Action",true);

//发送请求，发送的

xhr.send(null);

xhr.onreadystatechange=function(){

//判断这里面还有一个问题，就是xmlhttp.readyState一直会变，

//1:服务器链接已创建

//2:请求已接收

//3:请求处理中

//4:请求已完成，且响应已就绪。

//xhr.status==200，表示请求成功

if (xhr.readyState==4 &&xhr.status==200) {

//成功后页面须要的操做下面的是弹框

//接收servlet返回的数据

var result = xhr.responseText;//接收数据

alert(result);

}

}

}

//在servlet中

response.setContentType("text/html;utf-8");

PrintWriter out = response.getWriter();

//返回的数据

out.println("ajaxtext success!!!");

out.close();

-------------------------jquery里面ajax应用---------------------------

//在js中应用ajax首先创建一个失去焦点的控件onblur指向下面的函数

//在onblur中写入this表示当前的控件οnblur=“getFirstFloorValue(this)”

functiongetFirstFloorValue(element){

$.ajax({

//指向的servlet

url:'ValuegetController',

//执行的方法

type:'post',

//传的参数至关于正常ajax源代码url后面？后面的数值

data:'action=GetFirstFloorValue',

//返回值的类型

dataType:'json',

//若是成功了调用function(data)函数，返回值赋值给data

success:function(data){

for(vari = 0;i< data.length; i++){

//$(element)对本select进行操做append()增长option

$(element).append(""+data[i]+"");

}

}

});

}

点击取值