ajax有三种打开处事的方法别离是get,post,head
head首要是获取处事器的一些头文件的信息，好比说charset,cont-type之类
这里首要接头前两种方法，是现实中应用频仍的
一、get方法
get方法是最为常见的，一样平常实现用户登录，修改暗码用的都是get方法
1，新建一html文档，body标签内容如下
<body style="text-align: center">
<input type ="text" id ="txt" />
<br />
<input type ="button" value ="get方法回调" onclick ="get()" />
</body>
2，js代码文件
var xhr=getXHR();//得到xmlhttprequest工具,getXHR函数的详细实现这里不给出，由于很是简朴
function get()
{
var str=document.getElementById ("txt").value;
var url="PageAjax.aspx?argument="+escape(str);//编码str
xhr.open("get",url,true);
xhr.onreadystatechange=renew;
xhr.send(null);//不发送任何内容,由于url中包括了参数数据
}
function renew()
{
if (xhr.readystate==4)
{
if (xhr.status==200)
{
var response=xhr.responsetext;
var res=response.split('n');
alert(res[0]);
}
}
}
3，处事器端PageAjax.aspx.cs文件代码如下
protected void Page_Load(object sender, EventArgs e)
{
if (Request["argument"] != null)
{
string res ="乐成实现post方法回调！传入的参数是："+ Request["argument"].ToString()+"n";
Response.Write(res);
}
}
4，到此一个简朴的get方法回调完成。
二、post方法
因为get方法每次都要传入参数到url地点上，像用户名，暗码之类的参数因为字符较量少，完全可以思量这中转达方法，可是当有许多参数、而且参数的字符串值很长时（好比博客，你不行能把整篇博客的内容都以参数的方法转达到url上），这种方法就欠好了，因为有了post方法的呈现。
1，新建一html文档，body标签内容如下
<textarea id="TextArea1" style="width: 323px; height: 76px"></textarea>
<br />
<input id="Button1" type="button" value="post方法回调" onclick="post()" />
2，js代码文件
var xhr=getXHR();//得到xmlhttprequest工具,getXHR函数的详细实现这里不给出，由于很是简朴
function post()
{
var str=document.getElementById ("TextArea1").value;
var poststr="arg="+str;
var url="PageAjax.aspx?time="+new Date();//加一时刻戳,安排发回的数据是处事器缓存的数据
xhr.open("post",url,true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); //汇报处事器发送的是文本
//xhr.setRequestHeader("Content-Type", "text/xml"); //汇报处事器发送的是一个xml文件
xhr.onreadystatechange=update;
xhr.send(poststr);//发送poststr数据随处事器
}
function update()
{
if (xhr.readystate==4)
{
if (xhr.status==200)
{
var response=xhr.responsetext;
var res=response.split('n');
alert(res[0]);
}
}
}
3，处事器端PageAjax.aspx.cs文件代码如下
protected void Page_Load(object sender, EventArgs e)
{
if (Request["arg"] != null)
{
string res = "乐成实现get方法回调！传入的参数是：" + Request["arg"].ToString() + "n";
Response.Write(res);
}
}
4，到此一个简朴的post方法回调完成。 （编辑：河北网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
