如何在控制器视图中显示消息框？

Question

用户在表单上输入一些数字和其他数据后，就会计算出总计。用户还可以选择输入折扣金额。我使用 jQuery AJAX 方法将所有数据发送到 Load 控制器中的 getTotal 方法。如果用户输入的折扣金额大于计算出的总额，我希望弹出一个消息框（类似于 JavaScript alert 框），说明折扣必须小于总额。有没有什么干净的方法可以从控制器执行此操作？

Answer 1

不。您需要在 ajax 响应中发送回结果，告诉客户端显示您的消息框。然后您可能会使用 JavaScript 来显示它。有很多用于显示消息框的 jQuery 插件。例如：jQueryUI 的对话框。

Answer 2

这就是我所做的。在我看来，我的 JavaScript 方法之一中有以下代码。我使用 jQuery 的 getJSON 而不是 ajax 因为它似乎更适合（更干净）。

$.getJSON(
  "/truckingmanagement/load/getTotal",
  {cargoSource:cargoSource, cargo:cargo, haulRate:haulRate, tonnage:tonnage, mileage:mileage, discount:discount, taxExempt:taxExempt},
  function(result) {
    if(result.message != null){
      alert(result.message);
      $("#discount").val("");
      $("#totalCell").html(result.total);
    }
    else{
      $("#totalCell").html(result.total);
    }
  });

在我的控制器中，我仍然在闭包中使用 render 方法，但将其修改为 JSON，确保 import grails.converters.*。

render(contentType:"text/json") {
    total = g.textField(name: 'total', value: totalBill, readonly: 'readonly')
    message = errorMessage
}

totalBill 值是在调用 render 之前计算出来的，而 errorMessage 只是一个字符串，其中包含基于错误内容的消息（负数）折扣值或折扣值大于总计）或根本没有消息。因此，如果消息为null，则不会显示任何消息。

Answer 3

我认为从技术上讲，让控制器生成 javasacript 作为对 ajax 调用的响应是可能的，但这是一种非常丑陋的方法。

更好的是发送 JSON。类似于：

result = []
result.success = total >= discount
result.total = total
render result as JSON

在 Ajax 调用中，检查是否成功，如果成功则显示总数，如果失败则显示消息。