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; 注:获得返回值。
}
})