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

前端之家收集整理的这篇文章主要介绍了AJAX的与服务器之间的信息传递原理(初学)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近一直在弄自己的博客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使用。

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

原文链接:https://www.f2er.com/ajax/166715.html

猜你在找的Ajax相关文章