ServiceNow UI页面数据传递问题：无法提交对话框数据至服务端

1. 修正UI页面提交逻辑（避免页面回退） #

UI页面默认表单提交会触发页面跳转，需改用客户端脚本传递数据并关闭对话框：

• UI页面HTML结构：

<form id="dataForm">
  <label>待输入值：</label>
  <input type="text" id="targetInput" name="targetInput" placeholder="请输入内容">
  <button type="button" onclick="handleSubmit()">提交</button>
</form>

将按钮类型设为button，阻止默认表单提交行为。

• UI页面客户端脚本：

function handleSubmit() {
  var inputVal = document.getElementById('targetInput').value.trim();
  if (!inputVal) return;
  
  // 获取当前对话框实例，传递数据给父页面
  var dialog = GlideDialogWindow.get();
  dialog.setPreference('submittedValue', inputVal);
  // 关闭对话框
  dialog.destroy();
}

2. 父页面（Case表单）接收数据并更新字段 #

在调用UI页面的客户端脚本中，监听对话框关闭事件，接收返回值后更新Case字段：

// 打开UI页面的触发函数
function openCustomUI() {
  var dialog = new GlideDialogWindow('你的UI页面名称');
  dialog.setTitle('输入数据');
  // 设置对话框关闭后的回调逻辑
  dialog.setOnCloseCallback(function() {
    var returnedData = dialog.getPreference('submittedValue');
    if (returnedData) {
      // 方式1：直接更新表单字段（用户手动保存时同步到服务端）
      g_form.setValue('目标字段的系统名称', returnedData);
      
      // 方式2：立即提交到服务端（无需用户手动保存）
      /*
      var ajaxCall = new GlideAjax('CaseFieldUpdateAJAX');
      ajaxCall.addParam('sysparm_name', 'updateField');
      ajaxCall.addParam('sysparm_case_id', g_form.getUniqueValue());
      ajaxCall.addParam('sysparm_field_val', returnedData);
      ajaxCall.getXML(function(resp) {
        // 可选：刷新表单或提示成功
        g_form.refresh();
      });
      */
    }
  });
  dialog.render();
}

3. 可选：用AJAX实现服务端即时更新 #

若需将数据直接提交到服务端，创建一个客户端可调用的Script Include：

var CaseFieldUpdateAJAX = Class.create();
CaseFieldUpdateAJAX.prototype = Object.extendsObject(AbstractAjaxProcessor, {
  updateField: function() {
    var caseSysId = this.getParameter('sysparm_case_id');
    var fieldValue = this.getParameter('sysparm_field_val');
    
    var grCase = new GlideRecord('sn_customerservice_case'); // 替换为实际Case表名
    if (grCase.get(caseSysId)) {
      grCase.setValue('目标字段的系统名称', fieldValue);
      grCase.update();
      return 'success';
    }
    return 'failed';
  },
  type: 'CaseFieldUpdateAJAX'
});

排查要点 #

• 打开浏览器控制台（F12）查看客户端脚本是否有报错
• 确认字段系统名称与代码中使用的一致（区分大小写）
• 若用AJAX，检查Script Include是否开启了客户端可调用权限

内容的提问来源于stack exchange，提问作者Kali