项目中用到的ajax(jsp)

最新推荐文章于 2024-03-05 23:02:03 发布
最新推荐文章于 2024-03-05 23:02:03 发布
阅读量522 收藏
点赞数
分类专栏： AJAX 文章标签： ajax xml xmlhttprequest class string function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiangfeng08/article/details/3043407
版权

<SCRIPT type="text/javascript">
        var req;
        window.οnlοad=function(){
        }
       
        function Change_Select()
        {
            var zhi=document.getElementById('hero').value;
            var url="servlet/Ajaxforgegu1?id="+escape(zhi);
            if(window.XMLHttpRequest)
            {
                req=new XMLHttpRequest();
            }else if(window.ActiveXObject)
            {
                req=new ActiveXObject("Microsoft.XMLHTTP");
            }
            if(req)
            {
                req.open("GET",url,true);
                req.onreadystatechange=callback;
                req.send(null);
            }
        }
       
        function callback()
        {
            if(req.readyState == 4)
            {
                if(req.status == 200)
                {
                    parseMessage();
                }else{
                    alert("Not able to retrieve description"+req.statusText);
                }
            }
        }
       
        function parseMessage(){
            var xmlDoc=req.responseXML.documentElement;
            var xSel=xmlDoc.getElementsByTagName('select');
            var select_root=document.getElementById('skill');
            select_root.options.length=0;
           
            for(var i=0;i<xSel.length;i++)
            {
                var xValue=xSel[i].childNodes[0].firstChild.nodeValue;
                var xText=xSel[i].childNodes[1].firstChild.nodeValue;
                var option=new Option(xText,xValue);
                try{
                    select_root.add(option);
                }catch(e){
                }
            }
        }
    
    var xmlHttp;
    function createXMLHttpRequest(){
       
    if(window.ActiveXObject){
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if(window.XMLHttpRequest){
    xmlHttp=new XMLHttpRequest();
    }
    }
   
    function addstockname(){
   
       createXMLHttpRequest();
       var zhi=document.getElementById('stockcode').value;
       if(zhi.length!=6){
         document.getElementById('stockname').value="";
       }
       var url = "servlet/Ajaxforgegu2?stockcode="+escape(zhi);
       xmlHttp.open("GET",url,true);
       xmlHttp.onreadystatechange=callback1;
       xmlHttp.send(null);
    }
   
    function callback1(){
      if(xmlHttp.readyState == 4){
         if(xmlHttp.status == 200){
             getstockname();
         }else{
             alert("Not able to retrieve description"+req.statusText);
         }
      }
    }
   
    function getstockname(){
       var xmlDoc=xmlHttp.responseXML.documentElement;
       var xSel=xmlDoc.getElementsByTagName('select');
       var xValue=xSel[0].childNodes[0].firstChild.nodeValue;
       if(xValue=="no"){
          alert("输入股票有误或不存在股票！");
          document.getElementById('stockname').value="";
       }else{
          document.getElementById('stockname').value=xValue;
       }
    }
   
    function checkall(){
      var a=document.getElementById('hero').value;
      var b=document.getElementById('skill').value;
      var c=document.getElementById('person').value;
      var d=document.getElementById('stockcode').value;
      var e=document.getElementById('stockname').value;
      var f=document.getElementById('rdate').value;
      if(a==0){
         alert("请选择媒体类型");
         return false;
      }
      if(b==0){
         alert("请选择媒体_栏目名称");
         return false;
      }
      if(c.length<1){
         alert("请填写荐股人");
         return false;
      }
      if(d.length<1){
         alert("请填写股票代码");
         return false;
      }
      if(e.length<1){
         alert("请填写股票名称");
         return false;
      }
      if(f.length<1){
         alert("请输入日期");
         return false;
      }
      return true;
    }

    </SCRIPT>
</head>

<body>
<script>
var c = new Calendar("c");
document.write(c);
</script>
 <div align="center">
  <form name="form1" method="post" action="recomgegu.do" οnsubmit="return checkall();">
   <TABLE width="100%" border="0" cellspacing="0">
    <TR>
     <TD class=rank align="center" colspan="2">
      <h3>
       填写新增荐股信息
      </h3>
     </TD>
    </TR>
    <TR>
     <TH align="center" class=rank>
      媒体类型
     </TH>
     <TD align="center" class=rank>
      <SELECT name="hero" id="hero" onChange="Change_Select()">
       <OPTION value="0">
        --媒体类型--
       </OPTION>
       <OPTION value="1">
        电视
       </OPTION>
       <OPTION value="2">
        报刊
       </OPTION>
       <OPTION value="3">
        网媒
       </OPTION>
      </SELECT>
     </TD>
    </TR>
    <TR>
     <TH align="center" class=rank>
      媒体_栏目名称
     </TH>
     <TD align="center" class=rank>
      <SELECT name="skill" id="skill">
       <OPTION value="0">
        --媒体_栏目名称--
       </OPTION>
      </SELECT>
     </TD>
     </TR>
    <TR>
     <TH align="center" class=rank>
      推荐人
     </TH>
     <TD align="center" class=rank>
      <INPUT TYPE="text" name="person" id="person" />
     </TD>
     </TR>
     <TR>
     <TH align="center" class=rank>
      股票代码
     </TH>
     <TD align="center" class=rank>
      <INPUT TYPE="text" name="stockcode" id="stockcode" οnblur="addstockname()"/>
     </TD>
    </TR>
    <TR>
     <TH align="center" class=rank>
      股票名称
     </TH>
     <TD align="center" class=rank>
      <INPUT TYPE="text" name="stockname" id="stockname" />
     </TD>
    </TR>
    <TR>
     <TH align="center" class=rank>
      推荐日期
     </TH>
     <TD align="center" class=rank>
      <INPUT TYPE="text" name="rdate" id="rdate" οnfοcus="c.showMoreDay = false;c.show(this);" readonly="readonly"/>
     </TD>
    </TR>
    <TR>
     <TD class=rank align="center" colspan="2">
      <input type="submit" value="推荐"/>
     </TD>
    </TR>
   </TABLE>
  </form>
 </div>
</body>

 

 

 

serlvet

 

public void doGet(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
  ArrayList<AjaxforgeguBean> list = new ArrayList<AjaxforgeguBean>();
  response.setContentType("text/xml;charset=utf-8");
  response.setHeader("Cache-Control", "no-cache");
  String targetId = request.getParameter("id").toString();
  String xml_start = "<selects>";
  String xml_end = "</selects>";
  String xml = "";
  if (targetId.equalsIgnoreCase("0")) {
   xml = "<select><value>0</value><text>--媒体_栏目名称--</text></select>";
  } else if (targetId.equalsIgnoreCase("1")) {// 电视
   list.clear();
   list = new AjaxforgrguDao()
     .getmedia("select t.人员id,t.真实姓名 from 人员基本信息 t where t.是否为机构=3");
   if (list.size() == 0) {
    xml = "<select><value>0</value><text>--媒体_栏目名称--</text></select>";
   } else {
    for (int i = 0; i < list.size(); i++) {
     xml += "<select><value>" + list.get(i).getId()
       + "</value><text>" + list.get(i).getRealname()
       + "</text></select>";
    }
   }
  } else if (targetId.equalsIgnoreCase("2")) {// 报刊
   list.clear();
   list = new AjaxforgrguDao()
     .getmedia("select t.人员id,t.真实姓名 from 人员基本信息 t where t.是否为机构=4");
   if (list.size() == 0) {
    xml = "<select><value>0</value><text>--媒体_栏目名称--</text></select>";
   } else {
    for (int i = 0; i < list.size(); i++) {
     xml += "<select><value>" + list.get(i).getId()
       + "</value><text>" + list.get(i).getRealname()
       + "</text></select>";
    }
   }
  } else {// 网媒
   list.clear();
   list = new AjaxforgrguDao()
     .getmedia("select t.人员id,t.真实姓名 from 人员基本信息 t where t.是否为机构=2");
   if (list.size() == 0) {
    xml = "<select><value>0</value><text>--媒体_栏目名称--</text></select>";
   } else {
    for (int i = 0; i < list.size(); i++) {
     xml += "<select><value>" + list.get(i).getId()
       + "</value><text>" + list.get(i).getRealname()
       + "</text></select>";
    }
   }
  }
  String last_xml = xml_start + xml + xml_end;
  response.getWriter().write(last_xml);
 }

 

 

 

public void doGet(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
  response.setContentType("text/xml;charset=utf-8");
  response.setHeader("Cache-Control", "no-cache");
  String code = request.getParameter("stockcode").toString();
  String name = new AjaxforgrguDao().getString1(code);
  if (name.length() < 1) {
   name = "no";
  }
  String xml_start = "<selects>";
  String xml_end = "</selects>";
  String xml = "";
  xml = "<select><text>" + name + "</text></select>";
  String last_xml = xml_start + xml + xml_end;
  response.getWriter().write(last_xml);

 }

 

jiangfeng08
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何判断项目有没有用ajax,项目中关于AJAX的使用总结
weixin_35698952的博客
08-07 1151
一、使用情况：AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下使用。AJAX的核心：向服务器发送多个请求而无需用户等待来至服务器的响应。二、AJAX的优势1.异步加载数据，无需切换页面,不需要刷新2.更佳的用户体验：局部刷新、及时验证、操作步骤简化等3.节省流量4.JS控制数据的加载，更加灵活多用三、使用步骤：1.new XMLHttpRequest()2.open3...
ajax——项目应用
似水流年，举重若轻
06-25 559
前辈：https://www.cnblogs.com/tylerdonet/p/3520862.html举例：实际项目中，将ajax放入到函数中，方便引用。type一般用post；async true 异步请求数据；dataType: 数据类型 这里用的json；url: 发送请求的地址；data: 发送到服务器的数据；success：要求为Function类型的参数，请求成功后调用的回调函数； ...
Ajxa用在哪些方面(六)
weixin_30321709的博客
09-28 194
Ajax只有在适当的地方才会用到，也即需要在后台进行大量数据处理（充当消息通知机制），需要频繁的定时或不定时从服务器中读取数据的时候。1.比如我们常接触电子邮件系统中，因为电子邮件系统一般都由电子邮件服务器及客户端组成，当用户通过web登录电子邮件系统时，web服务器需要 从邮件服务器中收取邮件内容，这个邮件收取的过程有时会比较长，而且在用户阅读邮件的过程中不定时的还有有新邮件出现。在这些系统中使...
Ajax基础知识+项目应用案例
辰兮要努力
02-29 1590
文章目录一.什么是Ajax，为什么要使用Ajax?二.同步、异步交互概念三.AJAX实现四.原生JS中的Ajax原理（五个步骤） 一.什么是Ajax，为什么要使用Ajax? AJAX是“Asynchronous JavaScript and XML”的缩写。 ① 他是指一种创建交互式网页应用的网页开发技术。 ②客户端与服务器，可以在【不必刷新整个浏览器】的情况下，与服务器进行异步通讯...
【前端基础知识】Ajax使用场景以及如何使用
Dai的博客
10-20 573
是什么？ Ajax全称Asynchronous Javascript And XML，也就是异步的JavaScript和XML。通过Ajax可以向服务器发送异步请求，进行无刷新更新数据。 XML简介 XML是可扩展标记语言，被设计用来传输和存储数据。它与HTML类似，但是HTML都是预定义标签，都是已经定义好的，而XML全是自定义标签，需要进行自定义。 Ajax返回数据 以前Ajax通过服务端返回的就是XML格式字符串，前端js对字符串进行解析。现在使用的是json格式。 为什么？ 1、可
jsp和ajax案例,Ajax+jsp用户登陆例子
weixin_42538752的博客
08-05 253
用Ajax可以在不刷新整个页面的情况下与服务器动态连接，这里做了个简单小的例子用到了jsp ajax servlet先创建一个web项目 Login_demo1.首先写个servlet，用户输入的登陆信息被提交到这里servlet中，对用户输入的信息判断Loginservlet.java在web.xml中的配置如下Loginservletcom.login.LoginservletLoginser...
ｊｓｐ聊天室小项目
05-07
JDBC（Java Database Connectivity）是Java连接数据库的标准API，JSP项目中可能使用JDBC进行数据库操作，如存储和检索聊天记录。 8. **前端界面设计** 使用HTML和CSS创建用户友好的聊天界面，可能还会用到...
jsp项目代码案例
09-21
【JSP项目代码案例】是针对使用Java Server Pages（JSP）技术开发的实际项目实例集合。JSP是一种在服务器端运行的动态网页技术...通过分析和学习这些案例，开发者能够深入理解JSP技术，并提升在实际项目中的应用能力。
JSP留言板项目
12-12
在JSP留言板项目中，Servlet通常用于接收用户提交的表单数据，进行业务逻辑处理，然后将结果传递给JSP页面显示。通过`@WebServlet`注解或者在web.xml配置文件中注册Servlet。 3. **JavaBean** JavaBean是符合...
仿当当网jsp网页项目
04-15
在这个项目中，可能有对应的Model类处理业务逻辑，JSP作为View展示结果，而Servlet或Filter作为Controller接收并转发请求。 4. **JDBC连接数据库**：通过Java Database Connectivity (JDBC) API与MySQL建立连接，...
JSP 项目源码及文档
05-18
2. **JavaBean**：在JSP中，JavaBean作为业务逻辑的封装对象，常通过`<jsp:useBean>`标签引入，提供数据处理功能。 3. **EL（Expression Language）**：一种简洁的表达式语言，用于访问JavaBean中的属性或执行简单...
什么是AJAX？它的运用场景有哪些？
最新发布
m0_61227789的博客
03-05 2685
AJAX 即 Asynchronous Javascript And XML（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。它可以令开发者只向服务器获取数据（而不是图片，HTML文档等资源），互联网资源的传输变得前所未有的轻量级和纯粹，这激发了广大开发者的创造力，使各式各样功能强大的网络站点，和互联网应用如雨后春笋一般冒出，不断带给人惊喜。Ajax是一种异步请求数据的web开发技术，对于改善用户的体验和页面性能很有帮助。
Ajax在实际项目中的简单使用
sinat_35821285的博客
01-13 3557
我们在项目的练习中会经常使用到Ajax，实现异步刷新，这里记录一下商城项目中后台进行订单数据管理使用Ajax的情况。 ---------orderItem.jsp-------------------
在jsp中运用ajax(简单入门)
热门推荐
谷雨
07-24 3万+
由于ajax为我们带来太多的好处，所以在很多应用中我们都会优先选择这种技术，于是我也为之所吸引，现跟大家分享下一个简单的入门例子。 regist.jsp文件：一个简单的注册页面 <%@ page contentType="text/html; charset=gb2312" %> 注册页面 <!-- function myAlert(strTit
AJAX解决什么问题？如何使用AJAX？AJAX有什么问题需要注意？项目中哪里用到了AJAX？
liu_111111的专栏
03-11 5072
AJAX解决的问题就是“无刷新更新页面”，用传统的HTML表单方式进行页面的更新时，每次都要将请求提交到服务器，服务器返回后再重绘界面，这样界面就会经历：提交→变白→重新显示这样一个过程，用户体验非常差，使用AJAX则不会导致页面重新提交、刷新。     AJAX最本质的实现是在Javascript中使用XMLHttpRequest进行Http的请求，开发中通常使用UpdatePanel、JQu
一个javaweb项目主要用到的技术
09-27
在JSP中，可以使用Java代码、标签库和EL表达式等技术，非常便于与数据库进行交互和处理动态内容。 此外，Java Web项目还需要使用Web容器来运行。常用的Web容器有Apache Tomcat、JBoss等。Web容器可以解析和执行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值