当前位置:文档之家› XMLHttpRequest[GET和Post]详解

XMLHttpRequest[GET和Post]详解

【XMLHttpRequest】
Ajax-Post()
document.getElementById("Confirm").onclick = function()
{
//debugger;
//return ValiTitle() && ValiMatter();
//使用Ajax技术;
if (ValiTitle() && ValiMatter())
{
//验证之后禁用按钮;
this.disabled = true;
//创建XMLHttpRequest对象;
var xhr = new XMLHttpRequest();
//使用open("post","Append.aspx")方法,采用Post方法传值传递给Append.aspx页面;
xhr.open("post", "append.aspx");
//使用post发放传旨的时候在open()方法之后设置setRequsetHeader("Content-Type","application/x-www-form-urlencoded") xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//增加事件侦听onreadystatechange<-当读取状态发生变化的时候;
xhr.onreadystatechange = function()
{
//读取状态为4的时候
if (xhr.readyState == 4)
{
alert(xhr.responseText);
//提交数据之后form中数据清空,按钮可用;
document.getElementById("Myform").reset();
document.getElementById("Confirm").disabled = false;
}
}
//结束用send()相应setRequsetHeader的参数;
xhr.send("Title=" + encodeURIComponent(document.getElementById("Title").value) + "&Matter=" + encodeURIComponent(document.getElementById("Matter").value));
}
return false;
}
Ajax-Get()
document.getElementById("Confirm").onclick = function()
{
var XHR = new XMLHttpRequest();
XHR.open("get", "From.aspx?ID=" + document.getElementById("ID").value);//默认为true; 异步的意思
XHR.onreadystatechange = function()
{
if (XHR.readyState == 4)
{
if (XHR.status == 200)
{
//alert(XHR.responseText);
var str = XHR.responseText;
var arr = str.split(',');
//document.getElementById().innerHTML=arr[];
//调用函数;
dispost(responseText);
}
}
}
XHR.send(null);
return false;
}
【Ajax】 =参考【XMLHttpRequest手册】
JS URL传值
<script type="text/javascript">
documet.getElementById("Confirm").onclick=funtion()
{
var HeadImage=0;
var HIList=document.getElementByName("HeadImage");
var Len=HIList.length;
for(var i=0;i<Len;i++)
{
if(HIList[i].checked)
{
HeadImage=HIList[i].value;
}
}
var url="Lwdispose.aspx?title="...."
location.href=url;
}
</script>
传值:Response.Redirect("文件名");
var Xtr=new XMLhttpRequse();
//Xtr.open("get/post"(方法),Url(地址)+"&"+new Date(),true同步/false异步);
//Url(地址)+"&"+new Date() 解决客户端缓存的问题;
Xtr.open("get",Url,true);//异步执行
Xtr.onreadystatechange=function() //事件侦听
{
//alert(Xtr.readyState);
if(Xhr.readyState==4)
{
//alert(Xhr.responseText); 返回状态值
//alert(Xhr.status) 返回状态码
if(Xhr.status==200) 不是200表示出错了
{
switch(Xhr.responstext)
{
case"NickNameEmpty":
//document.getElementBYId("NickName").value="必须填写昵称"
document.getElementById("NickNameInfo").innerHTML="必须填写昵称"
break;
}
}
else
{
alert("出现错误!");
}
}
}
Xtr.open("get",Url,false) //同步执行不需要事件侦听。

相关主题