首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >大型模型的API POST调用,需要一些指导

大型模型的API POST调用,需要一些指导
EN

Stack Overflow用户
提问于 2014-03-11 03:17:41
回答 2查看 63关注 0票数 1

我有一个相当大的表单(50个字段),我需要将它传递给一个API调用。

在javascript文件中执行此操作对于将表单上的所有数据序列化为适当的模型来说将是相当大的。

是否可以调用控制器,并使用其中的模型将其传递给api url?

基本上,我想知道一种简单的方法来获取表单数据,并根据我的模型将其转换为序列化数据。

谢谢!

编辑:简单的意思是我不必接受每个表单输入并使用它们创建我的模型

我现在的代码基本上如下所示,但我需要填写一堆字段(我没有尝试过任何其他方法)。

代码语言:javascript
运行
复制
 $("#submit").click(function () {
            var name = $("#Name").val();
            var address = $("#Address").val();
            var dob = $("#DOB").val();
            $.ajax({
                url: "http://localhost:49493/api/Values",
                type: "Post",
                data: JSON.stringify([name, address, dob]), 
                //instead of 3 fields, I would have 50
                contentType: 'application/json; charset=utf-8',
                success: function (data) { },
                error: function () { alert('error'); }
            });
        });
EN

回答 2

Stack Overflow用户

发布于 2014-03-11 03:52:19

jQuery有一个函数,您可以使用$("#myForm").serialize()

http://api.jquery.com/serialize/

代码语言:javascript
运行
复制
$("#submit").click(function () {
            var myData = $("#myForm").serialize() 
            $.ajax({
                url: "http://localhost:49493/api/Values",
                type: "Post",
                data: myData, 
                //instead of 3 fields, I would have 50
                contentType: 'application/json; charset=utf-8',
                success: function (data) { },
                error: function () { alert('error'); }
            });
        });

(虽然50表单域听起来很大。您可能希望重新考虑您的设计,但也许有一个有效的用例)

票数 1
EN

Stack Overflow用户

发布于 2014-03-11 04:07:36

javascript MV*框架在这里很有帮助(我最熟悉的是angular)。使用angular,您可以定义UI元素和底层javascript模型表示(可以通过$http服务发送到Web )之间的绑定。

这是一种语言不可知的迭代元素和构建模型的方法。它做得又快又脏,还有很大的改进空间(比如使用addEventListener,attachEvent,然后使用onclick等) --但是jquery会为你处理大部分的事情,所以我建议你坚持使用它。这可以很容易地转换为jQuery...javascript遍历输入元素并将其添加到模型对象中。然后,如果需要,可以通过AJAX发送此对象。该示例仅将其输出到div占位符。

http://jsfiddle.net/T9MyZ/

JavaScript:

代码语言:javascript
运行
复制
document.getElementById("submitMe").onclick = function () {
    var inputs = document.getElementsByTagName("input");
    var model = {};
    for (var i = 0, len = inputs.length; i < len; i++) {
        var elem = inputs[i];
        model[elem.name] = elem.value;
    }

    document.getElementById("jsonText").innerHTML = JSON.stringify(model);
};

HTML:

代码语言:javascript
运行
复制
<input type="text" name="name"><br>
<input type="text" name="address"><br>
<input type="text" name="dob"><br>
<button id="submitMe">Submit</button>
<br>
<div id="jsonText"></div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22309280

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档