这次给大家带来jquery+json做出ajax调用功能(附代码),jquery+json做出ajax调用功能的注意事项有哪些,下面就是实战案例,一起来看一下。
userservlet.java代码:
package com.iss.servlet;
import org.json.jsonexception;
import org.json.jsonobject;
import com.iss.pojo.user;
import com.iss.util.jsonutil;
public class userservlet extends httpservlet {
public void doget(httpservletrequest request, httpservletresponse response)
throws servletexception, ioexception {
dopost(request, response);
}
public void dopost(httpservletrequest request, httpservletresponse response)
throws servletexception, ioexception {
response.setcontenttype(text/html;charset=utf-8);
//list 添加对象
list<user> userlist = new arraylist<user>();
user user1 = new user(张三, 男, 18);
user user2 = new user(李四, 男, 19);
user user3 = new user(王五, 男, 20);
userlist.add(user1);
userlist.add(user2);
userlist.add(user3);
printwriter out = response.getwriter();
string str = null;
try {
//帐号密码如果匹配则把list 返回给界面
if (request.getparameter(username).equals(jquery)
&& request.getparameter(password).equals(ajax)) {
str = jsonobject.quote(jsonutil.tojsonstring(userlist));
}
out.print(str);
} catch (jsonexception e) {
// todo auto-generated catch block
e.printstacktrace();
}
system.out.println(str +str);
out.flush();
out.close();
}
}
html代码:
<body>
帐号 jquery 密码 ajax
<form id="mainform">
<ul>
<li>
帐号
<input type="text" name="username" />
</li>
<li>
密码
<input type="password" name="password" />
</li>
<li>
<input onclick="login()" type="button" value="登录" />
</li>
</ul>
</form>
查询到的数据
<p id="pa">
</p>
<script type="text/javascript">
function login(){
//获取form的参数
var args =$(#mainform).serialize();
//调用 jquery 的json获取方法
//三个参数分别为 :请求路径 ,请求参数,返回数据的回调函数
$.getjson(servlet/userservlet,args,function (data){
if(data!=null){
// 界面返回的是一个json格式字符串 调用json.parse()把数据转化为json
// 格式的对象
var jsondata =json.parse(data);
parsedata(jsondata);
}else{
alert(帐号密码输入有误);
}
})
}
function parsedata(data){
var str=;
//遍历json格式数据
for (var key in data){
strstr =str+ 用户+data[key].username+ 年龄+data[key].age+<br/>
alert(str);
}
//把数据添加到p中
$(#pa).html(str);
}
</script>
</body>
userservlet 记得要导入 工具类 jsonstringobject jsonutil
jsp 要导入 jquery.js和 json.js
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
python读写json文件案列详解(附代码)
使用jsonp的案列归纳
以上就是jquery+json做出ajax调用功能(附代码)的详细内容。