如何测试Ajax+asp+access

七海恋空 2014-10-03 浏览(0 评论(0

刚接触ajax的时候以为是什么很深奥难懂的东西,但经过几次应用后发现也挺简单的。不可否认我还是菜鸟中的菜鸟,但交流下心得还是可以的。AJAX的核心是XMLHttpRequest,这个牛逼的对象能将另外一个页面处理过后的数据传递给当前页面。我们原先的交互是通过动态网页传递参数,就是网址后面那一大堆的问号和参数。ajax仍然还是得传参数给处理页面,只不过ajax通javascript的函数把页面地址封装了。

通过多次运用,ajax大致的流程我总算明白了。首先,用户激活事件;其次,事件触发函数;然后,函数找处理页面要更新数据;接着,处理页面将数据处理好返回给函数中的XMLHttpRequest对象;最后,函数中的getElementById方法找到当前页面需要更新的地方,把XMLHttpRequest对象接过的数据覆盖到原来的数据上。我们人类可能看起来觉得这种传球的方式很复杂,但是计算机不这么认为,想法计算机还能节省很多资源。 

流程熟悉后,测试代码就方便多了。 

1.测试ajax的函数是否调通

这个可以用我们javascript经常用的的alert来测试,点击一下弹出一个对话框,话说这东西生下来就是用来测试的。实际用到页面上很少。

2.数据处理页面是否有错误

当然你首先得确保函数中包含的处理页面的路径是对的,然后再来测试该页面是否报错。如果你直接点击ajax按钮,即使有错,它也不会有任何反应,所以我才会觉得原先测试ajax会比较费劲。其实你可以直接在网址输入数据处理页面的地址(记得带具体的参数),该页面直接会返回处理结果。如果报错,也会提示具体什么错误。我习惯先用response.write返回一条信息,以确保页面是通畅的。本着先显示数据,再处理数据的原则,一步一步的把代码测通。写代码的时候步步为营,debug才会相对轻松。将代码一气呵成的大神请忽略我说的。

3.测试HTML标记的id是否正确

根据上面说的流程,返回的数据会覆盖到相应id的html标签内。如果id是固定的那还好,一目了然。如果是动态的,可以先改成固定的,看是否有数据返回。

我还有很多东西需要学习,先总结一下自己学到的东西,巩固一下,免得过一段时间不用又忘了。