Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java 使用JSP代码动态更改DIV标记内容_Java_Javascript_Html_Jsp_Servlets - Fatal编程技术网

Java 使用JSP代码动态更改DIV标记内容

Java 使用JSP代码动态更改DIV标记内容,java,javascript,html,jsp,servlets,Java,Javascript,Html,Jsp,Servlets,我将描述这件事是如何运作的,以及我希望实现的目标: 我有一个基本的HTML页面,它有一个文本框和一个发送按钮。当我键入一些字符串并单击按钮时,该请求将进入一个Servlet。servlet执行一些操作,然后将req&resp重定向到一个jsp文件(getServletContext().getRequestDispatcher(“myJSP.jsp”).forward(req,resp);) 因此,基本上,当有人在文本框中键入内容并单击“发送”按钮时,他会得到一个由myJSP.jsp文件生成的新

我将描述这件事是如何运作的,以及我希望实现的目标:

我有一个基本的HTML页面,它有一个文本框和一个发送按钮。当我键入一些字符串并单击按钮时,该请求将进入一个Servlet。servlet执行一些操作,然后将req&resp重定向到一个jsp文件(
getServletContext().getRequestDispatcher(“myJSP.jsp”).forward(req,resp);

因此,基本上,当有人在文本框中键入内容并单击“发送”按钮时,他会得到一个由myJSP.jsp文件生成的新页面

有没有什么方法可以代替获得一个完整的新文件,我希望myJSP.jsp生成的结果显示在同一个主页中,比如在文本框下(在DIV标记中?)


如何实现这种行为?

您必须使用javascript执行异步请求,这样页面就不会为用户重新加载。服务器必须返回一个响应,然后您可以使用javascript将其附加到页面


这种技术被称为。处理ajax请求的一个流行工具(除了大量其他方法外)是JQuery javascript库()的
ajax()
函数您必须使用javascript执行异步请求,这样页面就不会为用户重新加载。服务器必须返回一个响应,然后您可以使用javascript将其附加到页面

这种技术被称为。处理ajax请求的一个流行工具(除了大量其他方法外)是JQuery javascript库()的
ajax()
函数

尝试执行JQuery$.ajax()函数,首先下载JQuery.js并将其保存在项目文件夹中并找到它。详情如下:

<head>
 <script src="../resources/jquery.js"></script> <script src="../resources/jquery.js"></script>
</head>

<body>
   <input type="text"><input class="button" type="button" value="Click">
<div></div>
<script>
    $(".button").click(function () {
        $.ajax({
              url: "ajax.html",
              cache: false
            }).done(function( html ) {
              $("div").append(html);
            });
        });
</script>
</body>

$(“.button”)。单击(函数(){
$.ajax({
url:“ajax.html”,
缓存:false
}).done(函数(html){
$(“div”).append(html);
});
});
尝试执行jquery$.ajax()函数,首先下载jquery.js并将其保存到项目文件夹中并找到它。详情如下:

<head>
 <script src="../resources/jquery.js"></script> <script src="../resources/jquery.js"></script>
</head>

<body>
   <input type="text"><input class="button" type="button" value="Click">
<div></div>
<script>
    $(".button").click(function () {
        $.ajax({
              url: "ajax.html",
              cache: false
            }).done(function( html ) {
              $("div").append(html);
            });
        });
</script>
</body>

$(“.button”)。单击(函数(){
$.ajax({
url:“ajax.html”,
缓存:false
}).done(函数(html){
$(“div”).append(html);
});
});

这基本上只是询问如何使用ajax。。。太宽了。也许你会读一些教程,如果你遇到了一个具体的问题,你会回来吗?这基本上就是问如何做ajax。。。太宽了。也许你会读一些教程,如果你遇到困难,你会带着一个特定的问题回来吗?