JQuery提交Ajax请求

本文介绍了一个使用Ajax技术实现客户端与Struts2框架进行异步数据交换的例子。通过具体的代码展示了如何发送Ajax请求到Struts2后端,并接收返回的数据。文中详细解释了Ajax设置、数据类型、错误处理及成功响应的处理方式。

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

<%@ page language="java" pageEncoding="UTF-8"%>
<html>
  <head>
    <title>My JSP 'test.jsp' starting page</title>
	<mce:script type="text/javascript" src="js/jquery14.js" mce_src="js/jquery14.js"></mce:script>
	
	<mce:script type="text/javascript"><!--
		$(document).ready(
			function()
			{
				$("#load").click(
					function()
					{
						//$("#target").load('/Struts2Test/test/load.action');
									
						$.ajax(
							{
								url:'/Struts2Test/test/load.action',
								type:"post",
								async:true,
								data:{'userId':'kkkk', 'password':'jjjj'},
								dataType:"html",
								timeout:"1000",
								error:function(){alert("服务加载出错");},
								success:function(data)
										{
											alert(data);
											$("#target").html(data);
											alert("服务加载成功");
										}
							}
						);									
										
						/*
						$("#target").load(
							'/Struts2Test/test/load.action',
							{'userId':'kkkk', 'password':'jjjj'},
							function(data)
							{
								alert(data);
								$("#target").html(data);
							}
						);*/			
						
						/*
						$.post(
							'/Struts2Test/test/load.action',
							{'userId':'kkkk', 'password':'jjjj'},
							function(data)
							{
								alert(data);
								$("#target").html(data);
							}
						);
						*/
						return false;
					}
				);
			}
		);
	
// --></mce:script>
  </head>
  
  <body>
    
    <input type="button" id="load"/>
    
    <div id="target"></div>
    
  </body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值