<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>jquery-Test1</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script src="jquery/jquery-1.11.1.js"></script>
<script src="jquery/jquery-1.11.1.min.js"></script>
</head>
<script>
$(document).ready(function() {
$("#s").click(function() {
$.ajax({
url : 'jqueryTest/jqueryTestJosn.action',
type : 'post',
data:{username:username,password:password},
//data : dataString,
async : true, //默认为true 异步
error : function() {
alert('error');
},
success : function(data) {
//list 类型 json var s = "[\"a\", \"b\"]";
alert('success'+data);
//var jsonData = eval(data);
var jsonData = eval("(" + data + ")");//为Map 是要这个方法不会报错
alert('success2'+data);
$.each(jsonData, function(key, val) {
alert('_mozi数组中 ,索引 : ' + key + ' 对应的值为: ' + val);
});
}
});
});
$("#b").click(function(){
$.getJSON("jqueryTest/jqueryTestJosn.action", { username: "John", password: "2pm" }, function(json){
var jsonData = eval("(" + json + ")");//为Map 是要这个方法不会报错
alert('success2'+json);
$.each(jsonData, function(key, val) {
alert('_mozi数组中 ,索引 : ' + key + ' 对应的值为: ' + val);
});
});
});
});
</script>
<style>
</style>
<body>
<button type="button" id="s">Ajax Json Test</button>
<button type="button" id="b">Ajax #getJson</button>
</body>
package com.sf.test.action;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import com.opensymphony.xwork2.Action;
import com.opensymphony.xwork2.ActionSupport;
import com.sf.test.bean.Test1;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
public class JsonTest1Action extends ActionSupport{
private String data;
private String username;
private String password;
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public String getData() {
return data;
}
public void setData(String data) {
this.data = data;
}
public String arrayToJson(){
boolean[] boolArray = new boolean[]{true,false,true};
JSONArray jsonArray = JSONArray.fromObject(boolArray);
System.out.println(jsonArray);
data = jsonArray.toString();
//[true,false,true]
return Action.SUCCESS;
}
public String listToJson(){
List list = new ArrayList();
list.add("first");
list.add("second");
JSONArray jsonArray = JSONArray.fromObject(list);
data = jsonArray.toString();
System.out.println(data);
//["first","second"]
return Action.SUCCESS;
}
public String mapToJson(){
try {
Map<String,Object> map = new HashMap<String,Object>();
map.put("1", "小王");
map.put("2", new Integer(1));
map.put("3", Boolean.TRUE);
JSONObject mapJson = JSONObject .fromObject(map);
this.data = mapJson.toString();
System.out.println(data);
//{"3":true,"2":1,"1":"小王"}
return Action.SUCCESS;
} catch (Exception e) {
e.printStackTrace();
}
return Action.SUCCESS;
}
public String createToJson(){
JSONArray jsonArray = JSONArray.fromObject("['json','is','easy']");
this.data = jsonArray.toString();
System.out.println(jsonArray);
return Action.SUCCESS;
}
public String beanToJson(){
Test1 test = new Test1();
test.setC1("A");
test.setC2("B");
test.setC3("C");
System.out.println("UserName:"+username);
System.out.println("PassWord::"+password);
JSONObject jsonBean = JSONObject.fromObject(test);
this.data = jsonBean.toString();
System.out.println(jsonBean);
//{"c1":"A","c2":"B","c3":"C"}
return Action.SUCCESS;
}
/* public void json2bean() {
String json = "{name=/"json2/",func1:true,pojoId:1,func2:function(a){ return a; },options:['1','2']}";
JSONObject jb = JSONObject.fromString(json);
JSONObject.toBean(jb, Test1.class);
System.out.println();
} */
// json var s = "[\"a\", \"b\"]";
/* Json必需的包
commons-httpclient-3.1.jar
commons-lang-2.4.jar
commons-logging-1.1.1.jar
json-lib-2.2.3-jdk13.jar
ezmorph-1.0.6.jar
commons-collections-3.2.jar*/
}
相关推荐
用struts2+jquery的ajax的几个小例子，级联，自动补全等，没有数据库，直接就运行。
适合jsp初学者的练习代码。jquery、ajax的练习
一个页面 通过ajax请求 后台 通过json 传递数据。实现了增删查改，条件查询，很好的jquery ajax 练习的小项目
这是本人在练习jquery时写的一个简单的小例子，主要采用了jquery的$.ajax方法。希望能对学习jquery的同学有所帮助
前端与后端连接，Ajax，axios，jquery等练习标准案例
本文件是一个小的工程，关于ajax框架的jquery的一些小的练习，与大家分享。
传智播客赵君老师视频讲解:基于jquery的ajax案例和练习.
在VS环境下使用。C#代码。这是我总结的js和JQUERY使用ajax调用webservice和ashx(一般处理程序)的代码。还有使用AjaxPro第三方控件的使用的练习。
自己使用的，用ajax做的一些小内容，希望对大家有用处ajax练习，jquery 中最普通的javascript 的ajax，课程资源，嵌入式，代码类
比较实用的简单项目，适合练习数据库的增删改查，框架与技术：SSM+Shiro+Ajax+jQuery+Thymeleaf
BS模式的基础电脑考证练习，有三套，每套40题选择，懂PHP、SQLITE可扩充。有时间，没钱，太阳又猛烈，只好窝在家中糊编这个东西，学习一下PHP、SQLITE和AJAX。祝好人一生平安！ 补充：index.htm中的……>改为，原来...
比较实用，这也是我下载过的，看着挺不错就想跟大家分享一下，有什么不好的地方还请指证出来，谢谢！
web前后端通过Ajax进行数据交互的小练习，前端由jQuery实现，后台使用Servlet实现。 jQuery版本：jQuery 2.0.0（百度CDN） Tomcat版本：Tomcat 8.5 OpenJDK版本：JDK-11
ajax操作-JQuery的ajax ajax操作-伪ajax（iframe） ajax操作-时机选择 文件上传（3种方式）-1 文件上传-时机选择及预览-2 图片验证码 KindEditor基本使用和文件操作 作业 第25周 今日内容概要 博客系统示例预览 ...
jquery发送ajax练习博客的代码中使用的 jquery-1.12.4.min.js
tiyfe模板 测试dds sdfsdf jquery-img-board
本书循序渐进地对jQuery的各种函数和方法调用进行了介绍，读者可以系统地掌握jQuery的DOM操作、事件监听和动画、表单操作、AJAX以及插件方面等知识点，并结合每个章节后面的案例演示进行练习，达到掌握核心知识点的...
读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧等知识点，并结合每个章节后面的案例演示进行练习，达到掌握核心知识点的目的。...
读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧等知识点，并结合每个章节后面的案例演示进行练习，达到掌握核心知识点的目的。...