Ajax获取后台数据
//ajax 获取数据
//脚本
var showResp=0;
function GetXmlHttpObject(handler)
{
var objXmlHttp = null;
if (document.all)//!window.XMLHttpRequest
{
// 创建IE中的XMLHttpRequest对象“XMLHTTP”
var clsids = ["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0",
"Msxml2.XMLHTTP.2.6","Microsoft.XMLHTTP.1.0",
"Microsoft.XMLHTTP.1","Microsoft.XMLHTTP"];
for(var i=0; i<clsids.length && objXmlHttp == null; i++) {
objXmlHttp = new ActiveXObject(clsids[i]);
}
//如果objXmlHttp不为null，设定其执行成功时的回调函数。handler==CallbackMethod()
if (objXmlHttp != null)
{
objXmlHttp.onreadystatechange = handler;
}
}
else
{
// Mozilla | Netscape | Safari 等其它浏览器。
objXmlHttp = new XMLHttpRequest();
if (objXmlHttp != null)
{
objXmlHttp.onload = handler;
objXmlHttp.onerror = handler;
}
}
return objXmlHttp;
}
var xmlHttp; //存放全局XMLHttpRequest对象。
function ExecuteCall(url,aa) //aa为element的id
{
try
{
//获取XMLHttpRequest并存入xmlHttp变量。
xmlHttp = GetXmlHttpObject(CallbackMethod);
//发送异步请求。
xmlHttp.open('GET', url, true);
xmlHttp.send(null);
}
catch(e){}
}
//XMLHttpRequest执行成功后的回调函数。
function CallbackMethod()
{
try
{
//判断是否是成功状态。
if (xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete')
{
//取得返回的结果数据。
var response = xmlHttp.responseText;
//把返回的数据放入相应HTML标签。
if (response.length > 0)
{
if(showResp==1)
{
document.getElementById(aa).innerHTML= response; //aa为Element的ID
}
}
}
}
catch(e){}
}
html 代码调用 function ExecuteCall(url,aa)。url为服务器向前端传送数据的 过度页面，URL可以进行传参。url 类型可以是aspx,ashx
aspx类型代码
string str = string.Empty;
string strHtml = string.Empty;
if (Request.QueryString["id"] != null)
{
相关文档：
通过理解错误的编码方式，可以更好地了解如何正确地进行编码。当然，编写 Asynchronous JavaScript™ +
XML（Ajax）有正确的方法，也有错误的方法。本文将讨论一些需要避免的常见编码实践。
如果人们在第一次就能够将所有事情全部做对，那么这个世界将变得完全不同。Ajax 也是如此。我做了大量的工作以支持 Ajax
......
四、常见Ajax编程框架
既然上述Ajax框架已经能工作了，为什么还有那么多的框架呢？
随着页面的复杂，可能需要书写大量的Javascript脚本来对页面中的DOM对象进行控制，工作量和复杂度会大大增加。Ajax编程框架通常利用面向对象的方法，对一些基本的对象和行为及 ......
项目中想用ajax，于是在网上扒了n多资料，犯了n多错误，从今天上班到现在一直在处理这个问题，终于还是把它解决了。
当我看到页面的ajax显示后，我兴奋异常，为了记录自己学习的ajax历程，也为了让更多的人少走弯路，特写此一文以记之！
废话不说了，为了更好的理解，我重做了一个小的项目，以加深印象。现在就以这个小项 ......
Ajax的全称是：AsynchronousJavaScript+XML
2.Ajax的定义：
Ajax不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。
3.Ajax包括：
XHTML和CSS
使用文档对象模型(DocumentObjectModel)作动态显示和交互
使用XML和XSLT做数据交互和操作
使用XMLHttpRequest进行� ......
Ajax中send方法参数的使用
一般情况下，使用Ajax提交的参数多是些简单的字符串，可以直接使用GET方法将要提交的参数写到open方法的url参数中，此时send方法的参数为null。
例如 ：
var url = "login.jsp?user=XXX&pwd=XXX";
xmlHttpRequest.open("GET",url, ......
