在jQuery中直接提交表单后怎么获取返回值

在jQuery中直接提交表单后怎么获取返回值,第1张

你好!

可以通过jqueryformjs来解决。<form>

    标题:<input type="text" name="title" /><br />

    内容:<textarea name="content"><textarea/><br />

    <button>提交</button>

</form>$('button')on('click', function() {

    $('form')on('submit', 

        function() {

            var title = $('inpur[name=title]')val(),

                content = $('textarea')val();

            $(this)ajaxSubmit({

                type: 'post', // 提交方式 get/post

                url: 'your url', // 需要提交的 url

                data: {

                    'title': title,

                    'content': content

                },

                success: function(data) { 

                    // data 保存提交后返回的数据,一般为 json 数据

                    // 此处可对 data 作相关处理

                    alert('提交成功!');

                }

                $(this)resetForm(); // 提交后重置表单

            });

            return false; // 阻止表单自动提交事件 

        }

    );

});希望对你有帮助!

//

创建对象

function

createXML>

读了很久,终于理解了你的想法。在form中有很多input或select,你想通过一次性的将给form赋值等价于给下面的许多input或select赋值。你真是太有才了,作为程序员,谁不愿意少写两句。我觉得你这个提议太好了,强烈建议写入下一个版本的jquery。

思考了一下,觉得也不是不能实现,简单写了一个jquery扩展方法,不完善,但可以基本实现你的想法。下面是demo,在表单中有两个input和一个select,可以用一句实现对他们三个的赋值。这句就是:$("#abc")setform({ t1: "3456", t2: "4444", s1: "option2" });

demo:

<form id="abc" name="abc" action="" method="post">

<input id="t1" name="t1" type="text" />

<input id="t2" name="t2" type="text" />

<select id="s1" name="s1">

<option value="option1">option1</option>

<option value="option2">option2</option>

</select>

<input id="Submit1" type="submit" value="submit" />

</form>

<script>

$(function ($) {

$("#abc")setform({ t1: "3456", t2: "4444", s1: "option2" });

});

//扩展一个jquery的setform方法

(function ($) {

$fnsetform = function (jsonValue) {

var obj=this;

$each(jsonValue, function (id, ival) {objfind("#" + id)val(ival); })

}

})(jQuery)

</script>

以上就是关于在jQuery中直接提交表单后怎么获取返回值全部的内容,包括:在jQuery中直接提交表单后怎么获取返回值、有个表单 和一个按钮 怎么用ajax把表单里的数据 提交给后台 我是用VS做的、jquery AJAX将数据放在表单等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9308447.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存