Ajax动态添加Table

Ajax是一步的javaScript，是基于javascript实现的功能，会有更好的用户体验，比如无业面刷新技术根据查询的结果集动态的构造网页元素。

为紫阳等地区用户提供了全套网页设计制作服务，及紫阳网站建设行业解决方案。主营业务为网站制作、成都网站设计、紫阳网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

1.原生的Ajax

var xmlhttpRequest=new XMLHttpRequest();
xmlhttpRequest.onreadystatechange=function(){
           if (xmlhttpRequest.readyState==4 && xmlhttpRequest.status==200){
             document.getElementById("content").value=xmlhttpRequest.responseText;
           }
 }

xmlhttpRequest.open("GET","<%=path%>/txt/ajaxtest.txt",true);
xmlhttpRequest.send();

Writer writer=response.getWriter();
writer.write("iserror");
writer.flush();
writer.close();

2.动态增加Table

首先需要建立一个web工程，然后导入需要的工具包：fastjson-1.1.23.jar

建立一个servlet取名为：AjaxTable，我们下面会用GET请求，所以在get方法中邪如下代码：

        response.setContentType("text/html;charset=utf-8");
List userlist=new ArrayList();
for(int i=0;i<10;i++){
    User user=new User();
    user.setUsername("小明");
    user.setPassword(i%2+"");
    userlist.add(user);
}
String json=JSON.toJSONString(userlist);
PrintWriter pw=response.getWriter();
pw.println(json);
pw.flush();
pw.close();

代码最上面一行为了防止有乱码。

这一句：String json=JSON.toJSONString(userlist);的JSON对象时我们上面导入的工具包中的内容。

建立一个jsp取名为：AjaxTable.jsp，在使用之前我们需要导入javascript的一个包，包名是：jquery-1.7.1.js

完整代码如下：