通过jquery的ajax实现与servlet的交互
js:
$(document).ready(function(){
$("#test").click(function()
{
$.ajax({
type:"POST",
url:"servlet/GetData",
data:"name="+this.value,
async:true,
success:function(data){
var json=eval(data);
for(i=0;i<json.length;i++){
var value=json[i].value;
var key=json[i].key;
$("#content").append("<input type='checkbox' value='"+value+"'/>"+value);
$("#content").append("<br/>");
}
}
});
});
});
注意:传回的Json格式为
引用
[{"value":"第一","key":1},{"value":"第二","key":2},{"value":"第三","key":3}]
经过eval函数处理后变为
引用
[object Object],[object Object],[object Object]
Servlet:
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
array=new JSONArray();
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
String name = request.getParameter("name");
PrintWriter out = response.getWriter();
List value = new ArrayList();
value.add("第一");
value.add("第二");
value.add("第三");
for (int i = 0; i < value.size(); i++) {
JSONObject option = new JSONObject();
try {
option.put("key", i+1);
option.put("value", value.get(i));
} catch (JSONException e) {
e.printStackTrace();
}
array.put(option);
}
out.print(array);
System.out.println(array);
out.flush();
out.close();
}
json.jar
分享到:
相关推荐
Jquery ajax 读取txt文件 Jquery分页 Jquery ajax 读取txt文件 Jquery分页
php 用jquery ajax登陆,这是一个最简单的jquery ajax登陆实例,看了这个相信聪明的你能写出更好的东东!
Struts2+jQuery ajax的一个商品小系统Struts2+jQuery ajax的一个商品小系统
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。
jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...
jquery ajax 异步传值并把值赋予在div标签内 很简单的jquery ajax异步传值 让您清楚了解jquery ajax运作 点击按钮的时候 程序会通过ajax去获取某个PHP文件的输出值 获取PHP文件的输出值的那一刻下面的程序会继续执行...
实现Jquery Ajax 三种方案进行前后台数据传输,界面内容传值及返回值实例!
Jquery Ajax动态增删改查,Jquery Ajax
JQuery ajax的各种使用方法示例和说明 本示例程序由VS2010建立 c# asp.net ajax demo
jqueryAjax_无刷新调用另一页实例 要放在asp,jsp ,php 运行环境里
Jquery ajax 获取验证码的项目代码
jquery ajax源代码
jQuery Ajax 实例 全解析; jQuery Ajax 实例 全解析;
传智播客 jQuery ajax 课件
其中包含6款Ajax分页Demo,文字分页、图片分页都可以。具有一定特效、很炫。基本已经满足各种web分页开发了。
mvc jquery Ajax,用户登录,无刷新分页。数据库为sql 2005备份文件,在sql 2005_bak文件夹下。各位前辈看了,对不合理的请指教。
一个简单的jquery ajax 实现页面与后台的无刷验证
JQueryAjax经常使用到的jar包集合
Jquery Ajax调用.ashx或.cs文件来实现简易的计算器
asp.net jquery ajax 全国省市区三级联动