struts2中使用jquery异步加载整个页面

最新推荐文章于 2019-06-23 10:18:28 发布

悲催的孩

最新推荐文章于 2019-06-23 10:18:28 发布

阅读量855

点赞数

分类专栏： jquery 文章标签：异步

本文链接：https://blog.csdn.net/u014482758/article/details/45151225

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<span style="font-family: Arial, Helvetica, sans-serif;"></span><pre name="code" class="html"><%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>追溯</title>
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript">
$(function(){
	 $("#sub").click(function(){  
	        //把表单的数据进行序列化  
	        var params = $("form").serialize();  
	        $.ajax({  
	            url:"retrospectAction_allRet",  
	            type:"POST",  
	            data:params,  
	            dataType:"text",
	            success: function (data) {
	            	$("#result").html(data);
	            },
	            error: function () {
	            	$("#result").html("数据不存在");
	            }, 
	            async: true
	        });  
	    });  
});
</script>
</head>
<body>
<form action="" method="post">
追溯号：<input type="text" name="id" />
<input type="button" id="sub" value="追溯"/>
</form>
<div id="result"></div>
</body>
</html>

在struts2类中的代码与未使用jquery异步加载时候一样，就可以异步加载数据了。注意：1、添加jquery文件 2、dataType类型为text才行

悲催的孩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
struts2中使用jquery异步加载整个页面

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>追溯$(function(){ $("#sub").click(function(){ //把表单的数据进行序列化 var params = $("form
复制链接

扫一扫