程序猿全敏的gravatar头像
程序猿全敏2016-10-09 10:34:47

手把手教你们通过jquery ajax调用查询java servlet后端数据+js拼接字符串

1.首先,新建一个web项目,创建一个User实体,

package com.qm;

public class User {
	private String name;
	private String sex;
	private int age;
	public User() {
	}
	
	public User(String name, String sex, int age) {
		super();
		this.name = name;
		this.sex = sex;
		this.age = age;
	}

	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getSex() {
		return sex;
	}
	public void setSex(String sex) {
		this.sex = sex;
	}
	public int getAge() {
		return age;
	}
	public void setAge(int age) {
		this.age = age;
	}
	
}

2.新建一个servlet 由于是查询所有我把它命名为FindAll ,实现doGet doPost方法

3.首先我创建几个用户,然后把它们放进ArrayList;然后通过Json转换工具类把它转换成Object,再把它放进Map

Object userobj=JsonUtil.toJson(userList);
HashMap<String,Object> json=new HashMap<String,Object>();
json.put("userobj", userobj);

4.现在再看页面。因为jquery1.6自带有ajax,我就导入js文件,然后页面得到

$.ajax({
				url : "<%=request.getContextPath()%>" + "/FindAll",
					type : "post",
					dataType : "json",
					success : function(data) {
						var d= eval('('+data.userobj+')');
						for ( var i = 0; i < d.length; i++) {
							if($("#tbody tr").length<d.length){
								$("#tbody").append("<tr><td>"+d[i]["name"]+"<td>"+d[i]["sex"]+"</td><td>"+d[i]["age"]+"</td></tr>");
							}
						}
					}
			});

这里我用了字符串拼接的形式把它得到的;

5.得到结果


手把手教你们通过jquery ajax调用查询java servlet后端数据+js拼接字符串


打赏

文件名:test.rar,文件大小:111.054K下载
  • /
      • /test
        • /test/.classpath
        • /test/.project
          • /test/.settings
            • /test/.settings/.jsdtscope
            • /test/.settings/org.eclipse.jdt.core.prefs
            • /test/.settings/org.eclipse.wst.common.component
            • /test/.settings/org.eclipse.wst.common.project.facet.core.xml
            • /test/.settings/org.eclipse.wst.jsdt.ui.superType.container
            • /test/.settings/org.eclipse.wst.jsdt.ui.superType.name
最代码最近下载分享源代码列表最近下载
IT达人 LV217月7日
太阳月亮星星
小白jmhuang LV85月28日
月亮月亮
锐vi123 LV101月5日
月亮月亮星星星星
zdl638 LV62020年4月25日
月亮星星星星
小肥羊 LV162019年11月3日
太阳
fff方法ff反反 LV62019年10月30日
月亮星星星星
陆信乾 LV62019年8月30日
月亮星星星星
tonghao LV162019年7月30日
太阳
qiheideguang LV162019年7月17日
太阳
admincyj LV22019年5月21日
星星星星
最代码最近浏览分享源代码列表最近浏览
Wwwww.h10月29日
暂无贡献等级
fengbaoxin LV39月16日
星星星星星星
Altria LV48月13日
月亮
huaua7676 LV307月19日
太阳月亮月亮月亮星星星星
IT达人 LV217月7日
太阳月亮星星
1973356987 LV136月18日
月亮月亮月亮星星
heken1636月2日
暂无贡献等级
小白jmhuang LV84月13日
月亮月亮
锐vi123 LV101月5日
月亮月亮星星星星
luqi40281518 LV22020年12月14日
星星星星
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友