主要是利用XMLHttpRequest得到需要的数据,再用javascript 处理显示。
返回的数据可以是 Text 或 XML 。所以ajax技术需要对 javascript 和xml 操作比较熟才行。
1. 请求对像处理
function
initXMLHTTPRequest()
{
var xRequest = null;
if ( window.XMLHttpRequest ){ xRequest = new XMLHttpRequest();
} else if ( window.ActiveXObject ){
xRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
return xRequest;
}
2. 得到数据的方法。
var xRequest = null;
if ( window.XMLHttpRequest ){ xRequest = new XMLHttpRequest();
} else if ( window.ActiveXObject ){
xRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
return xRequest;
}
using
System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace Ajax
{
/**//// <summary>
/// ReleaseProductInfo 的摘要说明。
/// </summary>
public class AjaxDropList: System.Web.UI.Page
{
private void Page_Load(object sender, System.EventArgs e)
{
GetString();
}
//返回一个字符串
private void GetString()
{
if ( Request.QueryString["id"] != null && Request.QueryString["id"].toString() != "" )
return "Hi,Are you Ok?"
else
return "Hi,Is null!"
}
}
3. 用javascript 得到结果。
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace Ajax
{
/**//// <summary>
/// ReleaseProductInfo 的摘要说明。
/// </summary>
public class AjaxDropList: System.Web.UI.Page
{
private void Page_Load(object sender, System.EventArgs e)
{
GetString();
}
//返回一个字符串
private void GetString()
{
if ( Request.QueryString["id"] != null && Request.QueryString["id"].toString() != "" )
return "Hi,Are you Ok?"
else
return "Hi,Is null!"
}
}
function GetValue
{
var url = "?id=1";
var result = "";
var xmlHttp = initXMLHTTPRequest();
xmlHttp.open("POST", url, false);
xmlHttp.send("");
result = xmlHttp.responseText;
alert(result);
}
这个result就是可以得到的结果,页面也没有刷新。需要局部刷新的就可以用ajax来实现了。
var url = "?id=1";
var result = "";
var xmlHttp = initXMLHTTPRequest();
xmlHttp.open("POST", url, false);
xmlHttp.send("");
result = xmlHttp.responseText;
alert(result);
}