ajax多数据传送

本文详细介绍如何使用AJAX从前端向后端Servlet发送包含多个参数的数据,以及后端如何解析这些数据。通过实例展示了数据的构造方式及servlet接收解析的全过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ajax传送多数据以及servlet解析

前台javascript

 //data可添加多个参数
   	  var url = "findPassword";
   	  var data="{email:'" + document.getElementById("email").value + "',tel:'" + document.getElementById("tel").value + "'}";/*  "{email:'" + document.getElementById("email").value + "',tel:'" + document.getElementById("tel").value + "'}"*/
   	/*   alert(data); */
         /*检测用户是否存在*/
        function callbackFn(result) {
         };
         var dataType ="text";
         $.post(url, data, callbackFn, dataType);//ajax       
   }

后台servlet解析所需的jar包

  1. 导入所需net.sf.json和org.json jar包
    https://pan.baidu.com/mbox/homepage?short=dGUHWOh.
  2. servlet中相关代码
 arg0.setCharacterEncoding("utf-8");
    String i=new BufferedReader(new InputStreamReader(arg0.getInputStream(),"UTF-8")).readLine();

    JSONObject object = JSONObject.fromObject(i);
    
//      System.out.println(object);
//      
//      System.out.println(object.getString("email"));
//      System.out.println(object.getString("tel"));
    String email=object.getString("email");
    String tel=object.getString("tel");
ajax经典怎样传输数据,$.ajax({ async: true, // 默认true(异步请求) cache: true, // 默认true,设置为 false 将不会从浏览器缓存中加载请求信息。 type: "POST", // 默认:GET 请求方式:[POST/GET] dataType: "xml", //默认["xml"/"html"] 返回数据类型:["xml" / "html" / "script" / "json" / "jsonp"] url: "Test.ashx", // 默认当前地址,发送请求的地址 data: { key: "value" }, // 发送到服务器的数据 error: function(xml) { alert('Error loading XML document' + xml); }, // 请求失败时调用 timeout: 1000, // 设置请求超时时间 success: function(xml) { // 请求成功后回调函数 参数:服务器返回数据,数据格式. $("#users").empty(); // 用Jquery处理xml数据 $(xml).find('Table').each(function() { var loginname = $(this).find("Loginname").text(); var name = $(this).find("Name").text(); $("#users").append("" + loginname + " - " + name + ""); }); /* $(xml).find('user').each(function(i) { var loginname = $(xml).find("user loginname").eq(i).text(); var name = $(xml).find("user name").eq(i).text(); $("#users").append("" + loginname + "" + "" + name + ""); }) $(xml).find("student").each(function(i){ var id=$(this).children("id"); //取对象 var id_value=$(this).children("id").text(); //取文本 alert(id_value);//这里就是ID的值了。 alert($(this).attr("email")); //这里能显示student下的email属性。 //最后输出了,这个是cssrain的写法,貌似比macnie更JQ一点 $('').html(id_value).appendTo('ol'); }); */ } })
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值