ASP+AJAX技术初解

GET 还是 POST?
与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
然而,在以下情况中,请使用 POST 请求:
无法使用缓存文件(更新服务器上的文件或数据库)
向服务器发送大量数据(POST 没有数据量限制)
发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠


GET 请求
一个简单的 GET 请求:
xmlhttp.open("GET","demo_get.asp",true);  
xmlhttp.send();


 
在上面的例子中,您可能得到的是缓存的结果。
为了避免这种情况,请向 URL 添加一个唯一的 ID:
xmlhttp.open("GET","demo_get.asp?t=" + Math.random(),true);  
xmlhttp.send(); 


 
如果您希望通过 GET 方法发送信息,请向 URL 添加信息:
xmlhttp.open("GET","demo_get2.asp?fname=Bill&lname=Gates",true);  
xmlhttp.send(); 


 
POST 请求
一个简单 POST 请求:
xmlhttp.open("POST","demo_post.asp",true);  
xmlhttp.send(); 


 
如果需要像 HTML 表单那样 POST 数据,请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据:
xmlhttp.open("POST","ajax_test.asp",true);  
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");  
xmlhttp.send("fname=Bill&lname=Gates"); 


 
方法
描述
setRequestHeader(header,value)
向请求添加 HTTP 头。
header: 规定头的名称
value: 规定头的值
 
 
url - 服务器上的文件
 open() 方法的 url 参数是服务器上文件的地址:
xmlhttp.open("GET","ajax_test.asp",true);
该文件可以是任何类型的文件,比如 .txt 和 .xml,或者服务器脚本文件,比如 .asp 和 .php (在传回响应之前,能够在服务器上执行任务)。
异步 - True 或 False? AJAX 指的是异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
XMLHttpRequest 对象如果要用于 AJAX 的话,其 open() 方法的 async 参数必须设置为 true:
xmlhttp.open("GET","ajax_test.asp",true);
对于 web 开发人员来说,发送异步请求是一个巨大的进步。很多在服务器执行的任务都相当费时。AJAX 出现之前,这可能会引起应用程序挂起或停止。
通过 AJAX,JavaScript 无需等待服务器的响应,而是:
在等待服务器响应时执行其他脚本
当响应就绪后对响应进行处理
 
Async = true
当使用 async=true 时,请规定在响应处于 onreadystatechange 事件中的就绪状态时执行的函数:
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();
Async = false


如需使用 async=false,请将 open() 方法中的第三个参数改为 false:
xmlhttp.open("GET","test1.txt",false);
我们不推荐使用 async=false,但是对于一些小型的请求,也是可以的。
请记住,JavaScript 会等到服务器响应就绪才继续执行。如果服务器繁忙或缓慢,应用程序会挂起或停止。
注释:当您使用 async=false 时,请不要编写 onreadystatechange 函数 - 把代码放到 send() 语句后面即可:
xmlhttp.open("GET","test1.txt",false);
xmlhttp.send();
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;


 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
创建聊天系统可以使用 ASP.NET、AJAX 和 WebSocket 技术。下面是一些基本步骤: 1. 创建 ASP.NET 网站并添加 ASPX 页面。 2. 在 ASPX 页面中添加 AJAX 控件,例如 ScriptManager 和 UpdatePanel 控件,以便使用 AJAX 技术实现异步交互。 3. 在 ASPX 页面中添加 WebSocket 控件,例如 WebSocketManager 和 WebSocket 控件,以便使用 WebSocket 技术实现实时双向通信。 4. 编写服务器端代码以处理 AJAX 和 WebSocket 请求,并在客户端代码中发送请求。 5. 实现聊天室功能,包括用户登录、消息发送和接收等功能。 下面是一个简单的 ASP.NET、AJAX 和 WebSocket 聊天室示例: 1. 在 ASPX 页面中添加以下控件: ```html <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:TextBox ID="txtMessage" runat="server"></asp:TextBox> <asp:Button ID="btnSend" runat="server" Text="Send" OnClick="btnSend_Click" /> <asp:Label ID="lblMessages" runat="server"></asp:Label> </ContentTemplate> </asp:UpdatePanel> <cc1:WebSocketManager ID="WebSocketManager1" runat="server" OnMessage="WebSocketManager1_Message"></cc1:WebSocketManager> ``` 2. 在服务器端代码中处理 AJAX 和 WebSocket 请求: ```c# protected void btnSend_Click(object sender, EventArgs e) { // 处理 AJAX 请求 string message = txtMessage.Text; // TODO: 处理消息发送逻辑 lblMessages.Text += "You: " + message + "<br />"; } protected void WebSocketManager1_Message(object sender, WebSocketMessageEventArgs e) { // 处理 WebSocket 请求 string message = e.Message; // TODO: 处理消息接收逻辑 lblMessages.Text += "Other: " + message + "<br />"; } ``` 3. 在客户端代码中发送 AJAX 和 WebSocket 请求: ```javascript // 发送 AJAX 请求 function sendMessage() { var message = document.getElementById('txtMessage').value; PageMethods.SendMessage(message, onSuccess, onFailure); } function onSuccess(result) { // TODO: 处理 AJAX 响应 } function onFailure(error) { // TODO: 处理 AJAX 错误 } // 发送 WebSocket 请求 var webSocket = $find('<%= WebSocketManager1.ClientID %>').get_webSocket(); webSocket.send('Hello, World!'); ``` 4. 实现聊天室功能,例如用户登录、消息发送和接收等功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值