首页 > 代码库 > AJAX

AJAX

AJAX表示异步的JavaScript和XML,在页面不刷新的情况下请求到数距。

1.JavaScript

<script>

window.onload = function()

{

var xhr = new XMLHttpRequest(); 注:定义AJAX,AJAX的核心就是XMLHttpRequest()方法。

var textname ="张三";

var textpwd ="123";

var url = "url?name="+textname+"&pwd="+textpwd ;

xhr.open("get",url,true); 

xhr.send(); 注:发送请求。

xhr.onreadystatechange = function() 注:每个异步请求都有一个onreadystatechange属性。

{

       if(xhr.readyState==4&&xhr.status ==200) 注:判断是否请求成功。

       {

                var v = xhr.responseText; 注:获取返回值。

       }

}

</script>

2.jQuery

(1).get()

语法:$.get(url,json,方法,返回类型) 注:url是必须写,json,方法,返回类型可选,返回类型默认是字符串。

<script>

$(function(){

$.get("Handler.ashx",{"name":"张三","pwd":"123"},function(data){

var v = data; 注:获得返回值。

},int) 注:返回值类型为int。

});

</script>

(2).post()

get()和post()语法和用法都是相同的,只要把get换成post,就从get()请求变成post()请求了。

(3).ajax()

语法:

$.ajax({

                type:"get", 注:请求方式。

                url:"Handler.ashx", 注:网址。

                data:{"name":"123","pwd":"123"},  注:传值。

                success:function(data) 

                {

                       var v = data; 注:获得返回值。

                }

})

 

AJAX