ajax返回servlet的值

本文介绍了一个使用Ajax进行实验,从Servlet中获取值的过程。重点强调了XML配置路径的一致性,Ajax请求的返回类型设置,以及请求方式的匹配。详细内容包括JavaScript和Java的实现部分。

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

用ajax实验 从servlet取出值

1.要注意xml中的路径配置要一致

2.要注意$.ajax中的返回类型

3.要注意请求方式是否一致

js:

<%@page pageEncoding="GBK"%>
		<div>
			<form id="queryfm" name="queryfm" method="GET">
							<input id="id" name="id" type="text" value="dc"
								size="35" data-options="required:false" class="input_text easyui-validatebox"/>
						<input type="button" id="check" value="验证"/>
			</form>
		</div>
	<br>
	<script src="jquery-1.9.1.js" type="text/javascript" > </script>
	<script type="text/javascript" >
	$(function(){
	      $("#check").click(function(){
	    	
	    	  var value=$("#id").val();
			   $.ajax({
                   url:"services/getUserId.js",//要请求的服务器url要跟xml中一致 
                   data:{id:value},  //表示请求的参数
                   type:"GET",  //请求方式要跟jsp一致
                   dataType:"text",   //要注意服务器返回的数据是什么类型 
                   success:function(data){  //这个方法会在服务器执行成功是被调用 ,参数data就是服务器返回的值 
                	   alert("servlet返回值:"+data); 
                   },
                   error:function(data,name){
                      alert("错误"+name);
                   }
               });
	    });
	      
	   });
	 
	</script>
	
	
	
	
	

xml:

		<servlet>  
		    <servlet-name>UserInfoServlet</servlet-name>  
		    <servlet-class>com.pasc.trdplus.UserInfoServlet</servlet-class>  
		</servlet>  
		  
		<servlet-mapping>  
		    <servlet-name>UserInfoServlet</servlet-name>  
		  <url-pattern>/services/getUserId.js</url-pattern>  
		</servlet-mapping>  


java:


public class UserInfoServlet extends HttpServlet {

	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	@Override
	protected void service(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
 	response.setHeader("Expires","0");
 
		String id="ssf";
		response.getWriter().print(id);
		 


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值