javascript使用URL从html表单操作调用时返回Java API返回的响应

Question

我正在使用Netty服务器和Java API。我使用表单中的action字段调用Java API，如下所示：

action="http://localhost:8585/ot/admin/upload/mocktest/questionpaper" 

现在，它成功运行，并用上面的链接打开一个新页面，显示Json响应，如下所示：

"Mocktest Id: 196 Total Uploaded Questions: 78"

我想用JavaScript处理这个响应，并跳过每次打开的新页面。我必须按后退按钮才能回到呼叫页面

Answer 1

使用JQuery post从服务器获取响应，并将该响应插入到DIV中

        $.post( "http://localhost:8585/ot/admin/upload/mocktest/questionpaper", function( data ) {
                alert( "Data Loaded: " + data );  //Response from server
        });

如果您想发送带有表单值的请求，那么必须使用$( "#formid" ).serialize()

      $.post( "http://localhost:8585/ot/admin/upload/mocktest/questionpaper", $( "#formid" ).serialize(),function(data){

            alert( "Data" + data ); //Response from server
        });

现在，您的完整代码可能如下所示：

      $( "#formid" ).submit(function( event ) {

             event.preventDefault(); //to prevent default submission of form

             $.post( "http://localhost:8585/ot/admin/upload/mocktest/questionpaper", $( "#formid" ).serialize(),function(data){

                alert( "Data" + data ); //Response from server
            });


       });

简单地看一下here