AJAX教程

AJAX教程(异步的JavaScriptXML)——局部刷新

创建动态网页的技术

异步:做一件事中间继续做另一件事情

同步:做完一件事情之后才能做其他的事

如果需要更新内容,必须刷新整个页面(AJAX)——实现异步更新

XMLHttpRequestAJAX的基础——与后台进行交互(有兼容性)

创建AJAX的核心对象

Var httpRequest = null;

Document.all 只有IE才能识别

If(document.all){

httpRequest = new ActiveXboject(“Microsoft.XMLHTTP”);

}else{

httpRequest = new XMLHttpRequest();

}

向服务器发送请求

//true为异步,false为同步,默认情况下异步

//如果为post提交,必须使用httpRequest .setRequestHeader("Content-type","application/x-www-form-urlencoded");

httpRequest.open(“get/post”,”url”,true);

//传送参数,如果没有参数,则可以为空

httpRequest.send();

属性:

onreadyStatechange:调用函数

readyState:10: 请求未初始化

      21: 服务器连接已建立

                    32: 请求已接收

    43: 请求处理中

    54: 请求已完成,且响应已就绪

Status  1200: "OK"    2404: 未找到页面

JQuery版的AJAX

$(function(){

$(“button”).click(function(){

Var username = $(“#username”).var();

Var pwd = $(“#pwd”).var();

$.ajax({

Type:”post”,

Url:”/Ajax/TestServlet”,

Data:(“username”:username,”pwd”:pwd),

//JSon:数据的交换模式

//dataType:返回的格式

dataType:”text”,

Success:function(data){

Alert(data);

}

});

});

原文地址:https://www.cnblogs.com/z1234/p/6107089.html