ajax获取数据后怎么去渲染到页面

1、首先需要创建一个HTML，html是网页的基础与骨架。

2、在html中增加测试数据，用来测试checkbox是否选中。

3、编写javascript，按钮点击时，触发事件，将选中的checkbox值获取。

4、美化页面，增加样式文件，和引入jquery文件。

5、打开浏览器，打开测试页面。

6、进行测试显示渲染到页面成功。

既然是用AJAX，当然AJAX是调用服务端的方法访问数据库再对数据库进行增、删、改。首先你要理解WEB编程的原理，当一个网页打开后你和服务端的连接是己经断了的，服务端保存不了你当前的状态。不象CS编程。

AJAX是客户端的，你肯定不能直接在前台javascript中访问服务端的数据库。

用AJAX第一步，你必需要写好服务端的一个方法，如写一个删除的方法doDelObject(string id)｛...｝你在客户端就调用这个方法。参数是你要删除数据的ID，如：doDelObject(ID001),然后服务端删除完毕后就会返回这个方法的值给你。删除的具体方法那就和AJAX无关了。

　另外，做AJAX有好多框架选择，建议你用jquery,如果是.net2003的话有ajaxpro,2005的话有AjaxControlToolkit等。

Ajax其实非常简单，楼上列举的是封装了Ajax的第三方包，不适合初学者，只会让Ajax看起来更复杂。

Ajax就是对象XMLHttpRequset的使用。

XMLHttpRequest 简介

要真正实现这种绚丽的奇迹，必须非常熟悉一个 JavaScript 对象，即 XMLHttpRequest。这个小小的对象实际上已经在几种浏览器中存在一段时间了，它是本专栏今后几个月中要介绍的 Web 2.0、Ajax 和大部分其他内容的核心。为了让您快速地大体了解它，下面给出将要用于该对象的很少的几个 方法和属性。

open()：建立到服务器的新请求。

send()：向服务器发送请求。

abort()：退出当前请求。

readyState：提供当前 HTML 的就绪状态。

responseText：服务器返回的请求响应文本。

<script language="javascript" type="text/javascript">

var request = new XMLHttpRequest()

var url = "a.jsp?paramName=paramValue"//你要访问的服务器端的地址和参数。

request.open("GET", url, true)

request.onreadystatechange = updatePage

request.send(null)

function updatePage() {

if (request.readyState == 4)

if (request.status == 200)

alert(request.responseText)

}

</script>

这就是一个最简单的Ajax的例子。

这里有适合初学者学习Ajax的文章：

http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/

---