AJAX的与服务器之间的信息传递原理(初学)

来源:互联网 发布:大数据 数据挖掘 编辑:程序博客网 时间:2024/05/16 12:12

最近一直在弄自己的博客www.aleiblog.com,进去看看吧,又不会怀孕

今天初学AJAX,还没有完全感受到它的强大,刚开始有不少不懂得地方,看了资料的的第一章时,似乎明白了不少。

AJAX为浏览器的刷新帮了大忙了。下面就是初学AJAX的感悟。

page1编写了脚本文件为

<script language="javaScript" type="text/javaScript">

var xmlhttp=false;

function xx()

{

if(window.XMLHttpRequest)

xmlhttp=new XMLHttpRequest();

else if(window.ActiveXObject)

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

if(!xmlhttp&&typeof XMLHttpRequest!='undefinde')

xmlhttp=new XMLHttpRequest();

var name=document.getElementById("name").value;

var url="page2.aspx?name="+escape(name);

xmlhttp.open("GET",url,true);

xmlhttp.onstatechange=updatapage;

xmlhttp.send(null);

}

function updatepage()

{

if(xmlhttp.state==4)

{

var response=xmlhttp.responseText;

document.getElementById("span").innerHTML=response;

}

}

<script>

在page1页面的body中写入如下代码

<input type="text" id="name" />

<input type="button" onclick="cc()" />

<span id="span"></span>

在 page2的pageload函数中修如下代码

{

string s=resquest.QuerryString["name"].tostring();

responser.write(s);

}

其中的page1和page2位于同一个根目录下,脚本文件中的xmlhttp.open(“GET”,URl,true)

刚开始很多人会有疑问,为什么要用GET,URL又有神马作用,true是用来干什么的。

1.GET是page1向page2传递数据的方式,GET可以像URL后面添加参数

2.URL目标网页地址

3.true指部分刷新


疑问 ,为什么要传递参数,传递参数给谁,又是谁来返回参数,传递参数谁来处理


其实很简回答,page1网页中的脚本文件传递参数给URL,URL接收到参数之后通过string s=request.QuerryString["具体的名字"].tostring();之后response.write(s);

知识后response。write(S)中的s就是page2返回给page1前台代码的数,在前台需要用xmlhttp.responseText或者xmlhttp.responseXml使用。

这是最简单的一种,我是初学,其他的还没有接触到。以上有错误的地方还需大家指正