问题：

将字符串从ajax函数传递给spring控制器

郎嘉树

2023-03-14

我正在开发一个独立的应用程序，我正在尝试使用下面的代码将一个字符串传递给Spring控制器，该字符串是更改事件的输出

HTML代码

<!DOCTYPE HTML>
<html xmnls:th="http://www.thymeleaf.org">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    <title>ADD NEW BILL</title> 
    <!-- jquery -->
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script type="text/javascript">
    $(function() {
        $("#Mandy_Name").autocomplete({
            source: "autocomplete", 
            minLength: 3        
        });
    });     
    </script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#Mandy_Name").change(function(){
            var changed =  $(this).val();   
            console.log(changed);           
            $.ajax({
                type : "POST",  
                dataType : 'json',
                url : "mandyname",
                data: {name:changed},       
                success: function(data) {
                    console.log(data);              
                    return false; 
                }   
            }); 
        });                             
    });     
    </script>
</head>
<body>
<div class="container">
<hr>
<p class="h4 mb-4">SAVE NEW PURCHASE BILL</p>
    <form action="#" th:action="@{/savePurchase}" 
        th:object="${purchase}" method="post">
        <!-- add a hidden field to handle update   -->
        <!-- <input type="hidden" th:field="*{idPurchaseDetails}"> -->
        <input type="hidden" th:field="*{ID}">
        
        MANDY NAME : <input id="Mandy_Name" type="text" th:field="*{mandyName}"
                    class="form-control mb-4 col-4" placeholder="Mandy Name">   
                
        GSTIN : <input type="text" th:field="*{gstin}"
                    class="form-control mb-4 col-4" value = gst() placeholder="GSTIN">
            
                    <button type="submit" class="btn btn-info col-2">SAVE</button>
    </form>
    <br><br>
    <a th:href="@{/purchaselist}">BACK TO PURCHASE LIST</a>
</div>
</body>

</html>

控制器代码

@RequestMapping(value = "mandyName", method = RequestMethod.POST) 
 public ModelAndView getSearchResultViaAjax(@RequestBody Purchase purchase, HttpServletRequest request,
            HttpServletResponse response)
 { 
     ModelAndView mv = new ModelAndView();
     String name = purchase.getMandyName();
     System.out.println(name);
     return mv;
     
 }

我在浏览器控制台中收到一个错误“加载资源失败：服务器响应状态为404（）”。

帮助我将字符串“changed”传递给控制器。

我正在使用这些依赖关系

jQuery从"org.webjars"，
Spring-启动-启动器-执行器，
spring-boot-starter-data-jpa，
spring-boot-starter-web，
spring-boot-starter-data-rest，
Spring-引导-启动器-胸片，
Spring引导工具
spring-boot-starter-json，
mysql连接器-java，
Spring-启动-启动-测试，
junit-vintage-引擎，

maven

我应该使用任何其他依赖项吗？？

共有1个答案

公英哲

2023-03-14

HTTP状态404表示在服务器上找不到提供的URL。

我看到您使用错误的URL进行Ajax调用。根据您的Spring应用程序和端口，将其更改为正确的。

通常应在以下位置：<代码>http://localhost:8080/mandyName 。但这一点你必须检查。

JS代码示例：

 $(document).ready(function(){
        $("#Mandy_Name").change(function(){
            var changed =  $(this).val();   
            console.log(changed);           
            $.ajax({
                type : "POST",  
                dataType : 'json',
                url : "http://localhost:8080/mandyName", // ~~ HERE ~~
                data: {name:changed},       
                success: function(data) {
                    console.log(data);              
                    return false; 
                }   
            }); 
        });                             
    });

类似资料：

将列表从Thymeleaf传递给Spring控制器

我正在尝试在更改选项后将我的Thymeleaf超文本标记语言中已经提供的List传回控制器。我尝试过隐藏输入，但不幸的是，它还不起作用。我的表单如下所示（控制器已经提供了“电影”列表）我的控制器看起来像这样：期待有人能帮助我！
将字符串传递给编写javascript的函数

我试图将字符串参数传递给JavaScript函数。出于某种原因，它只能获取整数。我在这里只放了字符串的语法，因为我知道这是个问题，因为它与int一起工作。发送函数内的代码：最终，我希望用计数器的值调用HTML页面上的以下函数，如上图所示：正如我提到的，当我发送int时，javascript文件会发出警报，但当我发送字符串时不会做出反应。
Laravel使用Ajax将数据传递给控制器

问题内容：如何将ID从此Ajax调用传递给TestController getAjax（）函数？当我打电话时，网址是testUrl？id = 1 TestController.php 问题答案：最后，我只是将参数添加到Route :: get（）以及ajax url调用中。我在getAjax（）函数中将$ _POST [‘id’]更改为$ _GET [‘id’]，这使我的回复 TestCont
将一个字符串从CodeIgniter控制器传递到date_diff

我有一个循环，其中我从返回的Excel工作表中获取的所有数据都是日期格式的。这是循环：一切都还好。我还可以使用可索引表库使用该数据创建一个表。现在的问题是，我需要将从该工作表中提取的数据与今天的数据进行比较，并检查提取的数据与今天之间的天差。有办法做到这一点吗？我试图使用date_create（$cell），但该函数不接受数组。我需要将数组的所有日期与今天进行比较。编辑：嗨，我正在尝试将2个
Angular：将参数从$ routeProvider传递给控制器

问题内容：我有多个调用同一控制器的路由，我想将不同的变量传递给它。我知道我可以使用“解决”对象：传递值作为依赖项：这种方法的问题是，如果其他路线上缺少resolve对象，则我的应用程序崩溃，并且我想传递可选的参数。有什么方法可以（从路由提供者）将特定的参数传递给Controller？谢谢问题答案：路由：访问：在控制器中注入$ route，然后使用它
将数据从控制器传递给视图

在我们讨论数据库和数据模型之前，让我们先讨论一下如何将数据从控制器传递给视图。控制器类将响应请求来的URL。控制器类是给您写代码来处理传入请求的地方，并从数据库中检索数据，并最终决定什么类型的返回结果会发送回浏览器。视图模板可以被控制器用来产生格式化过的HTML从而返回给浏览器。控制器负责给任何数据或者对象提供一个必需的视图模板，用这个视图模板来Render返回给浏览器的HTML。最佳做法是：一

将字符串从ajax函数传递给spring控制器

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档