当前位置: 首页 > 面试题库 >

一个带有JSP的简单AJAX示例

吉俊德
2023-03-14
问题内容

我正在尝试通过JSP学习AJAX,并且编写了以下代码。这似乎不起作用。请帮助:

这是我的configuration_page.jsp

    <html>
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <title>JSP Page</title>
     <script type="text/javascript">

      function loadXMLDoc()
      {
        var xmlhttp;
        var config=document.getElementById('configselect').value;
        var url="get_configuration.jsp";
        if (window.XMLHttpRequest)
        {
            xmlhttp=new XMLHttpRequest();
        }
        else
        {
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
            }
        }

        xmlhttp.open("GET", url, true);
        xmlhttp.send();
}
</script>

</head>

<body>
  <h2 align="center">Saved Configurations</h2>
   Choose a configuration to run: 
  <select name="configselect" width="10">
    <option selected value="select">select</option>
    <option value="Config1">config1</option>
    <option value="Config2">config2</option>
    <option value="Config3">config3</option>
  </select> 
  <button type="button" onclick='loadXMLDoc()'> Submit </button>
  <div id="myDiv">
    <h4>Get data here</h4>
  </div>
 </body>
</html>

这是我的get_configuration.jsp,我正在尝试从上面的AJAX代码访问:

<html>
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>JSP Page</title>

  </head>
  <body>

    <h4>Mee..</h4> 
  </body>
</html>

问题答案:

您在“ configuration_page.jsp”文件中做错了。在此文件中,函数loadXMLDoc()的第2行应如下所示:

var config=document.getElementsByName('configselect').value;

因为您仅name<select>标记中声明了属性。因此,您应该按名称获取此元素。

更正此错误后,它将运行无任何JavaScript错误



 类似资料:
  • 问题内容: 我想在jsp中创建一个简单的计算器。将有两个用于数字的文本框和一个添加按钮。理想情况下,我希望答案不重新加载就显示在页面中,但是从我得到的答案来看,它似乎对我的规模来说太大了。我可以想到:1)将答案打印到第三个文本框(有可能吗?),或者以某种方式将答案与相同的页面(带有添加按钮和全部)一起加载(并能够输入不同的数字,依此类推) 。 您能建议一个好的方法吗? 问题答案: 对于我的规模来说

  • 问题内容: 请帮助我,如果有人可以给我一个例子,如何在cakephp 2.3.0中使用ajax,一个例子是这样的 当我单击链接时,具有ID的div 会发生变化。我如何使用cakephp 2.3.0做到这一点? 问题答案: 请参见以下示例:

  • 本文向大家介绍JSP实现的简单分页示例,包括了JSP实现的简单分页示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JSP实现的简单分页示例。分享给大家供大家参考,具体如下: 希望本文所述对大家JSP程序设计有所帮助。

  • 我试图通过Ajax调用将jsp页面包含在另一个页面中。问题是,如果要包含的页面在html元素之间有一些空格,它将使插入失败。 例如,下面是我的演示index.jsp: 下面是要包含的 hello.jsp 页面(元素标记之间没有空格,否则包含将失败): 而这个 servlet 只有一个什么都不做(目前)doGet 方法。 对你们所有人来说都是一样的吗?我的代码有问题吗?是否有其他工作方式来完成相同的

  • 本文向大家介绍纯JSP实现的简单登录示例,包括了纯JSP实现的简单登录示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了纯JSP实现的简单登录的方法。分享给大家供大家参考,具体如下: 文件共有四个web.xml、login.jsp、logout.jsp、welcome.jsp四个文件 测试环境:Tomcat 6.0.x 假设项目名称是LoginSample,我的目录结构是这样的 ...\

  • 问题内容: 我正在尝试制作一个简单的示例,该示例遵循文档https://reactjs.org/docs/hooks- reference.html#usecallback上 文档中的React Hooks示例 如果没有代码,请按以下示例进行查找: 但是,当我添加我认为正确的代码如下时,出现错误(未定义a) 问题代码在这里: https://stackblitz.com/edit/react- u

  • 本文向大家介绍一个简单的MVC PHP CodeIgniter示例,包括了一个简单的MVC PHP CodeIgniter示例的使用技巧和注意事项,需要的朋友参考一下 在上一篇文章中,我们了解了PHP CodeIgniter。现在,在本文中,我们将使用html创建一个简单的视图页面,并使用一个控制器打开该视图。所以,让我们开始吧。 1.创建一个视图页面 首先,我们将创建一个视图页面,该页面将显示给

  • 我是使用Dagger2的新手(我一直使用Koin),我正在尝试实现一个简单的示例,但我真的不知道我缺少了什么。这就是我目前得到的。 app.gradle: 应用模块。kt: AppComponent。kt: TestClass。千吨 pp.kt: MainActivity.kt: 错误:testClass==null