XMLHttpRequest对象 AJAX重点,AJAX下拉框
2012-02-02 15:01
435 查看
创建XMLHttpReqeust对象.XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不是HTTP请求。
三层结构,利用AJAX动态的加载下拉框. 上面用的是将实体对象,拼接成字符串,在Javascript中进行split。比较麻烦。下面用JSON格式来操作
AJAX传递复杂数据如果自己进行格式定义的话会经历组装、解析的过程,因此AJAX中有一个事实上的数据传输标准JSon。Json(是一个标准,就像XML一样,Json规定了对象以什么样的格式保存为一个字符串)将复杂对象序列化为一个字符串,在浏览器端再将字符串反序列化为JavaScript可以读取的对象。看一下Json的格式。Json被几乎所有语言支持。定义.
var json={"a":"111","b":"2222"};
json格式 以键值对格式存储的.
function CreateXMLHttp() { var xhr = false; try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { xhr = false; } } if (!xhr && typeof XMLHttpRequest != 'undefined') { xhr = new XMLHttpRequest(); } return xhr; }
var xhr = false; window.onload = function () { xhr = createXmlHttp(); Getjson(); } function Getjson() { xhr.open("GET", "Do.ashx", true); xhr.onreadystatechange = function () { if (xhr.readyState == 4) { if (xhr.status == 200) { var Grades = gel("Grades"); var txt = xhr.responseText; var txtArray = txt.split("|"); for (var i = 0; i < txtArray.length; i++) { var StrArray = txtArray[i].split(","); //alert(StrArray[0] + StrArray[1]); var option1 = new Option(StrArray[1], StrArray[0]); Grades.options.add(option1); } } } } xhr.send(null); }
List<MODEL.Grades> list = new BLL.Grades().QueryListByCondition(null); System.Text.StringBuilder sbText = new System.Text.StringBuilder(); foreach (MODEL.Grades model in list) { //1.年级 sbText.Append(model.GID+","+model.GName+","+model.GIsDel+","+model.GAddtime+"|"); } context.Response.Write(sbText.ToString().Substring(0,sbText.Length-2));//把最后的|去掉
三层结构,利用AJAX动态的加载下拉框. 上面用的是将实体对象,拼接成字符串,在Javascript中进行split。比较麻烦。下面用JSON格式来操作
AJAX传递复杂数据如果自己进行格式定义的话会经历组装、解析的过程,因此AJAX中有一个事实上的数据传输标准JSon。Json(是一个标准,就像XML一样,Json规定了对象以什么样的格式保存为一个字符串)将复杂对象序列化为一个字符串,在浏览器端再将字符串反序列化为JavaScript可以读取的对象。看一下Json的格式。Json被几乎所有语言支持。定义.
var json={"a":"111","b":"2222"};
json格式 以键值对格式存储的.
相关文章推荐
- XMLHttpRequest对象_Ajax异步请求重点
- XMLHttpRequest对象_Ajax异步请求重点(推荐)
- AJAX核心XMLHTTPRequest对象
- Ajax基础(XMLHttpRequest对象)回顾
- AJAX---XMLHttpRequest 对象查看ajax在哪些浏览器使用
- Ajax核心对象-- XMLHttpRequest
- AJAX----核心XMLHttpRequest对象介绍
- 掌握 Ajax,第 3 部分: Ajax 中的高级请求和响应 全面理解 HTTP 的状态代码、就绪状态和 XMLHttpRequest 对象
- AJAX - 创建 XMLHttpRequest 对象
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- 【Ajax 2】封装Ajax的核心对象:XMLHttpRequest对象
- Ajax-XMLHttpRequest对象
- AJAX 创建XMLHttpRequest对象 联动
- AJAX——核心XMLHttpRequest对象
- AJAX - 创建 XMLHttpRequest 对象
- Ajax中的XMLHttpRequest对象详解
- AJAX中的XMLHttpRequest对象
- ajax处理过程,ajax入门,XMLHttpRequest对象
- AJAX - 创建 XMLHttpRequest 对象
- AJAX中XMLHttpRequest对象详解(2)