您好,欢迎访问一九零五行业门户网

jQuery+json做出Ajax调用功能(附代码)

这次给大家带来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调用功能(附代码)的详细内容。
其它类似信息

推荐信息