执行GET/POST请求

哈哈，我也写书二 假设我们想通过一个链接来获取 /article.php?id=1的数据，且点击该链接的时候，不做任何刷新就可以显示链接的内容。 下面是这个链接的代码： ＜a href="#" onClick="getArticle(1)"＞NEWS-1＜/a＞ //定义一个接收NEWS-1的层，并且设置为不显示： ＜div id="articlelist"＞＜/div＞ 同时需要定义相应的JavaScript函数getArticle(),如下： function getArticle (articleID) { 　//如果没有把参数articleID传进来则返回失败 　if (typeof(articleID) == 'undefined') 　{ 　　return false; 　} 　//声明进行Ajax的URL地址，这里的地址为article.php?id=1 　var url = "/article.php?id="+ articleID; 　//获取NEWS-1显示层的位置 　var show = document.getElementById("articlelist");  　//实例化Ajax对象，InitAjax()是上一节我们构建的一个初始化Ajax的函数 　var ajax = InitAjax(); 　//使用GET方式进行请求（提取article.php?id=1数据） 　ajax.open("GET", url, true);  　//获取执行状态 　ajax.onreadystatechange = function() {  　　//如果执行是状态正常，那么就把返回的内容赋值给上面指定的层 　　if (ajax.readyState == 4 && ajax.status == 200) {  　　　show.innerHTML = ajax.responseText;  　　}  　} 　//发送空 　ajax.send(null);  } 当用户点击“NEWS-1”这个链接的时候，ID为articlelist的层将显示获取的内容，而且页面不会有任何刷新。当然，我们上面省略了article.php这个文件，只是假设article.php文件存在，并且能够正常工作的从数据库中把id为1的NEWS-1提取出来。 这种方式适应于页面中任何元素，包括表单等等，其实在应用中，对表单的操作是比较普遍的，针对表单更多使用的是POST方式，下面我们将具体介绍。 19.1.5 执行POST请求 其实POST方式跟GET方式是比较类似的，只是在执行Ajax的时候稍有不同。下面我们给出一个简单的顾客留言实例。 假设有一个顾客填写留言的表单，我们在无刷新的情况下把表单内容保存到数据库中，同时给用户一个留言成功的提示。 //构建一个表单，表单中不需要action、method之类的属性，全部由ajax来处理 ＜form name="guestbook"＞ 昵称：＜input type="text" name="user_name" /＞＜br＞ 邮箱：＜input type="text" name="user_email" /＞＜br＞ 留言内容：<textarea name="msg_info" cols="65" rows="8"></textarea>＜br＞ ＜input type="button" value="留言" onClick="saveMsgInfo()"＞ ＜/form＞ //定义一个接受返回信息的层： ＜div id="msg"＞＜/div＞ 我们看到上面的form表单里没有需要提交目标等信息，并且提交按钮的类型也只是button，所有操作都是靠onClick事件中的saveMsgInfo()函数来执行的。我们构造一下这个函数： function saveMsgInfo() { 　//获取接受返回信息层 　var msg = document.getElementById("msg"); 　//获取表单对象和表单信息值 　var f m= document.guestbook; 　var userName = fm.user_name.value; 　var userEmail = fm.user_email.value; 　var msgInfo = fm.msg_info.value; 　//接收表单的URL地址 　var url = "/save_msg.php"; 　//需要POST的值，把每个变量都通过&来联接 　var postStr = "user_name="+ userName +"&user_email="+ userEmail +"&msg_info="+ msgInfo; 　//实例化Ajax 　var ajax = InitAjax(); 　//通过Post方式打开连接 　ajax.open("POST", url, true);  　//定义传输的文件HTTP头信息 　ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");  　//发送POST数据 　ajax.send(postStr); 　//获取执行状态 　ajax.onreadystatechange = function() {  　　//如果执行状态成功，那么就把返回信息写到指定的层里 　　if (ajax.readyState == 4 && ajax.status == 200) {  　　　msg.innerHTML = ajax.responseText;  　　}  　}  } 这里我们同样省略了save_msg.php文件。 大致使用POST方式的过程就是这样，当然，实际开发情况可能会更复杂，这就需要开发者慢慢体会。

回复给楼主（lather） 呵呵，纯支持~~~

回复给楼主（lather） var ajax = InitAjax(); //能具体说下它的作用吗？ 另外 　//如果执行状态成功，那么就把返回信息写到指定的层里 　　if (ajax.readyState == 4 && ajax.status == 200) {  这句判断中的4与200是怎么回事，哪里来的 ？