当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > 学习Ajax教程,详细了解Get与Post

AJAX技术
ajax poller
无框架 Ajax分页(原创)
AJAX 图片展示框架56个 提升开发效率
AJAX 客户端响应速度提高分析
揭开AJAX神秘的面纱(AJAX个人学习笔记)
Ajax Control Toolkit 34个服务器端控件
Ajax 核心框架函数及例子
AJAX 进度条实现代码
Unobtrusive的Web开发
ASP实例:ASP+AJAX制作无刷新新闻评论系统
Ajax和CSS设计的表格实例
css和Ajax制作的表格
AJAX结合CSS实现的网页Tab选项卡效果
实现一个基于Ajax的调查程序
ASP.NET+AJAX解决网页打开等待问题
XMLHttpRequest和AJAX虎视Web应用开发
IBM Google等巨头联手支持Open Ajax计划
php+ajax文件上传进度条
AJAX技术 vs 传统的ASP无刷新技术
利用ICallbackEventHandle实现类似AJAX的无刷新页面

AJAX技术 中的 学习Ajax教程,详细了解Get与Post


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 66 ::
收藏到网摘: n/a

学习Ajax教程,详细了解Get与Post

Get方式:
作用:可传送简单数据
大小:url最大长度是2083 bytes,可以用于GET传递数据的长度是2048 bytes
包含体:数据追加到url中发送,也就是http的header传送

Post方式:
作用:可传送简单复杂数据
大小:web.config里限制
包含体:数据在http请求的实体内容里传送

Ajax用Post模式传送数据.需注意:
1.设置header的Context-Type为application/x-www-form-urlencode确保服务器知道实体中有参数变量.通常使用XmlHttpRequest对象的SetRequestHeader("Context-Type","application/x-www-form-urlencoded;")
2.参数是名/值一一对应的键值对,每对值用&号隔开.如 name=abc&sex=man&age=18.
3.参数在Send(参数)方法中发送
4.服务器端请求参数区分Get与Post.例如asp.net中以Request.Form["name"]对实体中的参数请求.这时url参数请求Request.QueryString["name"]将引发异常

<javascript language="javascript>
function StateEvent()
{
if(XmlHttpObject.readyState == 4)
{
if(XmlHttpObject.status == 200)
{
//code
}
}
}

function CreateXmlHttp()
{
if(window.ActiveXObject)
{
return new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest)
{
return new XmlHttpRequest();
}
}

function Start()
{
var ParamString = "name=abc&sex=man&age=18";
var XmlHttpObject = CreateXmlHttp();
XmlHttpObject.onreadystatechange = StateEvent;
XmlHttpObject.open("post","test.aspx",true);
XmlHttpObject.setRequestHeader("Content-Type","application/x-www-form-urlencoded;"); //设置服务器响应请求体参数
XmlHttpObject.send(ParamString);
}
</script>