Ajax使用例子参考AjaxProject或Struts_Pro3_dingpiao

最新推荐文章于 2021-05-28 10:29:59 发布

过瘾饺子

最新推荐文章于 2021-05-28 10:29:59 发布

阅读量378

点赞数

分类专栏：重要代码文章标签： struts ajax function stylesheet input html

本文链接：https://blog.csdn.net/dashuxiaoai/article/details/7712439

版权

重要代码专栏收录该内容

31 篇文章 0 订阅

订阅专栏

本文介绍了一个使用JSP技术实现的火车票查询系统。该系统通过前端输入身份证号码进行查询，利用Ajax技术异步获取后台返回的火车票订单信息，并动态更新页面显示结果。系统涉及JSP页面渲染、Ajax数据请求、JSON数据解析等功能。

摘要由CSDN通过智能技术生成

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'queryTicket.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

  <script type="text/javascript" src="js/jquery-1.5.2.js"></script>
  <script type="text/javascript" src="js/json2.js"></script>
  <script type="text/javascript">
   $(function(){
     $("#query").click(function(){
       var url="queryTicket.do";
       var param="cardnum="+$("input").val();

       $.post(url,param,function(al){

        var array = null;
        eval("array = " + al);
         $.each(array,function(i,qt){
           var trStr="<tr>";
           trStr+="<td align=center > "+qt.id +"</td>";
           trStr+="<td align=center > "+qt.tname +"</td>";
           trStr+="<td align=center > "+qt.ttime +"</td>";
           trStr+="<td align=center > "+qt.state +"</td>";

           $("#tablename").append(trStr);
         });

       });
     });

   });

  </script>

</head>

<body>
<form action="" method="post">
    <div align="center">身份证：<input type="text" size=20 name="cardnum" ><input type="button" value="查询" name="query" id="query"></div>
</form>
<div align="center">
   <table id="tablename">

    <tr><td>订单号</td>
     <td>车次</td>
     <td>乘车时间</td>
     <td>车票状态 </td></tr>

   </table>
</div>
</body>
</html>