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

博主分享了自己初次学习AJAX的心得体会,通过一个简单的例子解释了AJAX如何实现页面局部刷新,以及GET请求、URL参数和异步设置的作用。在page1通过AJAX向page2传递数据,page2接收并处理参数后返回响应,实现了数据的交互。
摘要由CSDN通过智能技术生成

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

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

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

page1编写了脚本文件为

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;

}

}

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

在 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使用。

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

总结

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值