首页 >

jQuery+json实现的简易Ajax调用实例【jquery】

web前端|js教程jQuery+json实现的简易Ajax调用实例【jquery】
jQuery,json,Ajax调用,jQuery+json简易Ajax调用
web前端-js教程
vc实例精通 源码,vscode全局搜索配置在,ubuntu安装fpm,获取tomcat项目名,python爬虫加盟,百度翻译api php,沈阳常规抖音seo优化理念,小说网站源码开发,dede网站模板免费下载lzw
Userservlet.java代码:
打的软件源码,ubuntu应用文件,老手艺折纸爬虫,php nofity,网赚项目seolzw
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 userList = new ArrayList();  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代码:
班级考勤源码,ubuntu核显显示,post爬虫是什么,freeotp php,最强seo优化lzw
 帐号 jquery 密码 ajax          帐号              密码                     查询到的数据 
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+"
" alert(str); } //把数据添加到div中 $("#diva").html(str); }
UserServlet 记得要导入 工具类 JSONStringObject JSONUtil

jsp 要导入 jquery.js和 json.js


jQuery+json实现的简易Ajax调用实例【jquery】
  • jQuery实现ajax调用WCF服务办法介绍
  • jQuery实现ajax调用WCF服务办法介绍 | jQuery实现ajax调用WCF服务办法介绍 ...

    jQuery+json实现的简易Ajax调用实例【jquery】
  • jQuery实现ajax调用WCF服务办法(附带demo下载)【jquery】
  • jQuery实现ajax调用WCF服务办法(附带demo下载)【jquery】 | jQuery实现ajax调用WCF服务办法(附带demo下载)【jquery】 ...

    jQuery+json实现的简易Ajax调用实例【jquery】
  • 浅谈使用JavaScript如何进行AJAX调用和请求
  • 浅谈使用JavaScript如何进行AJAX调用和请求 | 浅谈使用JavaScript如何进行AJAX调用和请求 ...