Question

我是编程的新手，请原谅我的术语。

我正在使用AJAX调用从Flask服务器使用JSONIFY返回数据。

正如我在开发人员工具中看到的那样，数据已成功返回，但是，我无法将其传递到引导程序模式的表单文本字段中。

我的模型代码将json数据接受到product_name字段中。

<div class="modal-body">
                        <form action ="/ingredients" method="POST">
                            <div class="form-group">
                                <input type="hidden" name="product_code" value=""/>
                                <label for="product_name">Ingredient Description</label>
                                <input type="text" id="product_name" name="product_name" class="form-control" />
                            </div>

AJAX代码

$(document).on('click', '.edit_data', function(){
                        let product_code = $(this).attr("id");
                        $.ajax({
                            url:"/edit",
                            method:"GET",
                            data:{product_code:product_code},
                            dataType:"json",
                            success:function(data){
                                $('#product_name').val(data.ingredient);
                                $('#editModal').modal('show'); 
                            }
                        });
                    });

开发人员工具中的响应。

[{"carbohydrates":5,"fats":2,"fibre":4,"id":1,"ingredient":"Pea Protein","product_code":"RM001","protein":20,"salt":1,"saturates":1,"sodium":0.1,"sugars":2,"type":"Powder"}]

为什么AJAX JSON数据不传递到表单文本字段中？

0 个答案: