AJAX

Posted 15037075275z

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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的主要内容,如果未能解决你的问题,请参考以下文章

从零开始学 Web 之 AjaxAjax 概述,快速上手

AJAX

Ajax及跨域

Django的日常-AJAX

jQuery中的Ajax以及请求函数

Ajax