掌握Ajax 之 利用 DOM 进行 Web 响应

红烧肉

普通网民根本不需要blog服务？

Google 本地搜索推出146 个城市全屏地图，增加地址搜索、路线规划新功能 

今天在开发当中要用javascript实现一个功能，从数据库随机抽取一道题 四个选项，在客户端要求把四个选项也随机打乱。我的思路是如此。

1、首先把四个选项装入一个数组

2、使用Math.floor(Math.random() * 数字)随机抽取出来一个数字作为数组的一个下标

4、把此下标对应的内容填充到一个string里 然后remove掉数组中的该元素

然后再执行第2步骤直到数组中只有一个元素

代码如下 [另外 因为javascript中的数组对象没有remove函数 所以我另外提供两个自定义的remove函数]

JavaScript通过设置数组的length属性来截断数组是惟一一种缩短数组长度的方法.如果使delete运算符来删除数组中元素,虽然那个元素变成未定义的,但是数组的length属性并不改变.两种删除元素,数组长度也改变的方法.

innerText显示文本

innerHTML显示文本更重要的也会把HTML标记被浏览器所识别

innerHTML是我们经常用在动态生成html结构 比如table或者其他

但你要记住 当你对table里td or tr中插入诸如 document.getElementByID("ddd").innerHTML="<div><ul>.................."时innerHTML将不起作用，而且浏览器会报htmlfile未知错误。切记

在开发应用ajax项目中，对于复杂的逻辑和数据交互时 异步调用将不可避免，如果你没有做好准备或者没有太多的经验 你将遇到无法遇知的错误和麻烦。

flash里的语法和js很类同。

一般的情况下，我们异步拿到数据，使用DOM来取节点中的数据。但在一些极端的情况下，
比如对一些不很支持xml的浏览器或系统，我们只能把xml数据当作普通字符串来取得。
在这里我实现了两种方法来
1、取得指定节点中的值
2、多个节点组中相同节点的值并以数组返回。
经过测试 可以正常运作 可以适用于大部分xml数据读取
下面为我的SendData.js全部代码：

凡是和用户交互的部分，几乎都需要在客户端完成一部分对非法输入进行过滤得部分

一、非空

function checkForm()
{
    //非空
    if(Form1.txtTitle.value == "")
    {
        alert("书名不能为空！");
        Form1.txtTitle.focus();
        return false;
    }
}

二、只能输入数字

function checkNum()
{
  if(isNaN(Form1.txtSetPage.value))
  {
    alert("只能输入数字！");
    Form1.txtSetPage.focus();
    return false;
  }
}

三、只能输入正整数

function check_setpage()
{
    var rule = /^[0-9]*[1-9][0-9]*$/;//正则表达式在/与/之间
    if(!rule.test(Form1.MyBooks1_txtSetPage.value))
    {
        alert("请输入大于0的整数");
        return false;
    }
}

在cs文件中加入  响应事件控件.Attributes.Add("onclick","return checkForm();");  记得一定要return 不然点完按钮就会刷新一下页面的。例子：ImageButton1.Attributes.Add("onclick","return checkForm();");