ajax到底还要不要去学？

boss00000 2008-06-12 09:28:56

现在出了ajax的许多框架，那还用不用去学习ajax呢？

...全文

1165 21 打赏收藏转发到动态举报

写回复

用AI写文章

21 条回复

切换为时间正序

请发表友善的回复…

发表回复

galois_godel 2008-06-12

打赏
举报

[Quote=引用 20 楼 Jonly 的回复:]
Ajax中看不中用的东西
[/Quote]
这话说得，ajax还是应用很广泛的，好伐

Jonly 2008-06-12

打赏
举报

Ajax中看不中用的东西

一品梅 2008-06-12

打赏
举报

///发送请求
xhr.onreadystatechange=hdlRsp;
xhr.open("GET",url,true);
xhr.send(null);

///后台接收请求
string strInput = string.IsNullOrEmpty(Request.QueryString["w"]) ? string.Empty : Request.QueryString["w"];
///后台处理（略）
///后台传递请求

Response.ContentType = "text/plain";
Response.Clear();
if (sb.Length != 0)
{
Response.Write(sb.ToString().Remove(sb.Length - 1));
}
else
{
Response.Write(string.Empty);
}
///接收后台传递数据。
var arrRspText=xhr.responseText.split(','); 从后台取

一品梅 2008-06-12

打赏
举报

.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WordSuggest.aspx.cs" Inherits="WordSuggest" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>

<html xmlns="http://www.w3.org/1999/xhtml"; >
<head runat="server">
<title>无标题页</title>
<style type="text/css">
.CInput{border:solid 1px gray;width:300px}
#divSuggestions{border:solid 1px gray;width:300px;background:#fff;visibility:hidden}
#divSuggestions span{display:block;padding:3px}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<h1>搜索建议 DEMO</h1>
<span>http://www.code-studio.net </span>
<hr />
<table style="border-collapse:collapse;"><tr><td><asp:TextBox ID="txtInput" runat="server" CssClass="CInput" onkeyup="sendRqt(this)"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Submit" /></td></tr>
<tr style="position:absolute;"><td><div id="divSuggestions"></div></td></tr></table>
</div>
</form>
<script type="text/javascript">
var xhr;
var isIe=window.navigator.appName.indexOf("Netscape") == -1?true:false;

function $(sElmId){return document.getElementById(sElmId);}
function crtRqt(){
if(window.ActiveXobject)
xhr=new ActiveXObject("Microsoft.XMLHTTP");
else xhr=new XMLHttpRequest();
}
function sendRqt(srcElm){
var sInput=srcElm.value;
if(sInput!=""){
var url="wordsuggest.aspx?t="+new Date().getTime()+"&w="+sInput;
crtRqt();
xhr.onreadystatechange=hdlRsp;
xhr.open("GET",url,true);
xhr.send(null);
}
else $("divSuggestions").style.visibility="hidden";
}
function hdlRsp(){
if(xhr.readyState==4&&xhr.status==200){
var rspText=xhr.responseText;
var oDiv=$("divSuggestions");
if(rspText!=""){
var arrRspText=xhr.responseText.split(',');
var sInnerHtml="";
for(var i=0;i<arrRspText.length;++i){
sInnerHtml+="<span onmouseover='setStyle(this,true)' onmouseout='setStyle(this,false)'"
+" onclick='setInput(this)'>"+arrRspText[i]+"</span>";
}
oDiv.innerHTML=sInnerHtml;
oDiv.style.visibility="visible";
}
else oDiv.style.visibility="hidden";
}
}
function setStyle(srcElm,bOver){
srcElm.style.background=bOver?"orange":"";
}
function setInput(srcElm){
$("<%=txtInput.ClientID %>").value=srcElm.innerHTML;
}
</script>
</body>
</html>
.CS
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;

public partial class WordSuggest : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string strInput = string.IsNullOrEmpty(Request.QueryString["w"]) ? string.Empty : Request.QueryString["w"];
if (strInput.Trim().Length != 0)
{
Suggeste(strInput);
}
}

private void Suggeste(string originalStr)
{
/* 搜索建议
* 文件名: WordSuggest.aspx
* 功能描述: 根据用户输入,在数据库 Northwind 的表 Customers 查找 CustomerID 字段值匹配的记录.
*/
SqlConnection conn = new SqlConnection("data source=localhost;database=northwind;user id=sa;password=你的密码");
string cmdText = "SELECT TOP 10 CustomerID FROM Customers WHERE CustomerID LIKE @w";
SqlParameter para = new SqlParameter("@w", string.Format("{0}%", originalStr));
SqlCommand cmd = new SqlCommand();
cmd.Connection = conn;
cmd.CommandText = cmdText;
cmd.Parameters.Add(para);
conn.Open();
SqlDataReader reader = cmd.ExecuteReader();
System.Text.StringBuilder sb = new System.Text.StringBuilder();
while (reader.Read())
{
sb.AppendFormat("{0},", reader[0]);
}
reader.Close();
conn.Close();
Response.ContentType = "text/plain";
Response.Clear();
if (sb.Length != 0)
{
Response.Write(sb.ToString().Remove(sb.Length - 1));
}
else
{
Response.Write(string.Empty);
}
Response.Flush();
Response.Close();
}
}

reborter 2008-06-12

打赏
举报

mark

boss00000 2008-06-12

打赏
举报

看来说不清楚~~~

麻烦哪个老师发个最简单的ASP。NET响应XMLHttpRequest的代码上来~~~

我想看看AJAX和ASP。NET交互的原理~~~~~~~

juanjuanPrograms 2008-06-12

打赏
举报

技多不压身,知道的多总比知道的少好.

APPLESUCH5 2008-06-12

打赏
举报

[Quote=引用 10 楼 boss00000 的回复:]
要出去找工作~~想多学点AJAX傍身~~~
找了本书学习，居然用JAVA做服务器~~~~~~~~~
我昏迷~~~ASP.NET做服务器~~怎么搞都不知道！！！
[/Quote]

ASP.NET专门拿出一个页面来处理你发送的请求，然后后台的那个CS文件用Response.Write方法向你异步返回数据，你用xmlHttp.responseText来接收服务器返回的一个字符串。
这个页面只留最上面一行就可以了
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
其余的都删除掉。

Jinglecat 2008-06-12

打赏
举报

[Quote=引用 6 楼 boss00000 的回复:]
我想学AJAX~~
用XMLHttpRequest向服务器发送一个请求~~但是我不知道ASP。NET服务器端该如何来处理这个请求~~我问了一下，都是叫我用框架~~所以才有此一问~~

所以再请教一下~~~ASP。NET服务器端在收到HTTP请求后是如何处理的？？？？？？？？

比如JAVA中当一个servlet收到GET/POST请求后就会执行相应的，dopost（）或doget（）！
[/Quote]

无论 AJAX 还是普通 .aspx 请求实际上都是以 System.Web.IHttpHanlder.ProcessRequest 为入口的

System.Web.UI.Page 即实现了 IHttpHanlder 接口

与 Page 不一样的事， xmlhttp 请求通过我们会使用诸如 .ashx （扩展名可任意定义，映射 ISAPI 即可【google』）这样的自定义 IHttpHanlder，当然你一样可以发送给 .aspx

一品梅 2008-06-12

打赏
举报

[Quote=引用 10 楼 boss00000 的回复:]
要出去找工作~~想多学点AJAX傍身~~~
找了本书学习，居然用JAVA做服务器~~~~~~~~~
我昏迷~~~ASP.NET做服务器~~怎么搞都不知道！！！
[/Quote]
都一样的。搞清数据传递接口传什么东西就行了，

ailin84 2008-06-12

打赏
举报

AJAX的优势还是很大的

最好先学自己手写代码再用框架

我一般手写,非常非常复杂的才考虑用框架

boss00000 2008-06-12

打赏
举报

要出去找工作~~想多学点AJAX傍身~~~
找了本书学习，居然用JAVA做服务器~~~~~~~~~
我昏迷~~~ASP.NET做服务器~~怎么搞都不知道！！！

suzhu2500084 2008-06-12

打赏
举报

如果自己纯手写我就不知道了但是用控件的话就只需在程序里边调JS,在在JS里边调用后台方法就OK了

现在我也只能理解成这样没别的无刷新他实现了

地下室小红叔 2008-06-12

打赏
举报

框架给两种人用的
1 不关心不了解也不想关心不想了解实现原理只为把功能实现只求速度
2 了解原理并能自已写代码实现考虑到效率选择用框架

也就是说用成型的东西既有初学者也有高手你想做哪种?

syc958 2008-06-12

打赏
举报

哈哈!学个框架就可以了!没必要学那么多!现在都要求速度!做的多了原理自然明白!

boss00000 2008-06-12

打赏
举报

我想学AJAX~~
用XMLHttpRequest向服务器发送一个请求~~但是我不知道ASP。NET服务器端该如何来处理这个请求~~我问了一下，都是叫我用框架~~所以才有此一问~~

所以再请教一下~~~ASP。NET服务器端在收到HTTP请求后是如何处理的？？？？？？？？

比如JAVA中当一个servlet收到GET/POST请求后就会执行相应的，dopost（）或doget（）！

我不懂电脑 2008-06-12