1: 熟练使用 document.getElementById("name").value;
2:熟练创建xmlhttp,使得可以和服务器通讯
<script language="javascript" type="text/javascript">
var xmlhttp = new XMLHTTPRequest(); //用于非IE
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //用于IE
</script>
3:烂记于心固定流程
(1)从Web 表单中获取需要的数据。
(2)建立要连接的 URL。如果用get方法,则通常在url后附上请求的参数,如 \aa.jsp?a=aa&b=bb
(3)打开到服务器的连接。 xmlhttp.open("GET/POST",url,true); true指定用异步,
get和post两种方法不同,其中post需要设置头部
(4)设置服务器在完成后要运行的函数。
(5)发送请求.通常如果get能解决了的就使用send(null),仅仅用send来发送xml数据,安全数据
4: 理解 XMLHTTPRequest方法和属性。
(1)创建XMLHTTPRequest,下面这些代码在用户与浏览器交互前执行,属于静态javascript
/***************************************************/
<script language="javascript" type="text/javascript">
var request = false;
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}
}
if (!request)
alert("Error initializing XMLHttpRequest!");
</script>
/***************************************************/
同样可以将创建XMLHTTPRequest代码移动到方法中,尚不知每种方法所适用的条件是什么?如下所示。
/***************************************************/
<script language="javascript" type="text/javascript">
var request = false;
function createRequest() {
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}
}
if (!request)
alert("Error initializing XMLHttpRequest!");
}
</script>
/***************************************************/
5:理解XMLHTTPResponse的属性responseText和responseXML