【问题标题】:How to pass a spring form as an argument to ajax call through javascript function?如何通过javascript函数将spring表单作为参数传递给ajax调用?
【发布时间】:2016-02-04 18:03:52
【问题描述】:

我有一个 Spring Form,它在 JSP 文件中有两个按钮。

<input type="button" onclick="saveTopicsActions(this.form)" class="btn primary publish border16" id="saveBtn" value="Save"/>
                <input type="submit" class="btn primary publish border16" id="publishBtn" value="Publish"/>

保存按钮的 onClick() 函数应将此形式作为参数并将其传递给 Ajax 调用。

function saveTopicsActions(form){
            jsonData={};
            jsonData = form;
            VR.appendToJSObject(jsonData);
            var jqxhr = $.post(saveTopicsActionsURL, jsonData, function(returnString) {
                if (returnString == 'true'){
                    showAutoSaveMessage();
                }else{
                    alert(returnString);
                    window.location.reload();
                }
            });
            jqxhr.error(function(data){
                //This one is highly unlikely
                alert("There was a problem  - please contact support");
                window.location.reload();
            });

但是,这是抛出 javascript 异常

TypeError: 'stepUp' called on an object that does not implement interface HTMLInputElement

【问题讨论】:

标签: javascript java ajax jsp


【解决方案1】:

不要发送表单,它是 DOM 元素,尝试在 ajax 中发送值,形成 JSON 对象并在 AJAX 调用中作为参数发送。

TypeError: 'stepUp' called on an object that does not implement interface HTMLInputElement

通过上面的链接一次

【讨论】:

  • 我不确定是否可以将所有表单元素的值发送到函数然后准备 JSON,因为如果我单击“保存”按钮,它应该将所有值保存到数据库中。任何关于如何做到这一点的想法都会非常有帮助。
  • 不要在点击时将值发送给函数,使用表单ID并读取所有值并形成一个json对象并触发ajax调用
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-04-14
  • 1970-01-01
  • 2017-04-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多