最近一直在弄自己的博客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>
<input type="text" id="name" />
<input type="button" onclick="cc()" />
<span id="span"></span>
{
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使用。
这是最简单的一种,我是初学,其他的还没有接触到。以上有错误的地方还需大家指正
原文链接:https://www.f2er.com/ajax/166715.html