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

你好！

可以通过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; // 阻止表单自动提交事件 

        }

    );

});希望对你有帮助！

html中获取表单数据的的方法一般有两种，一个是使用form表单的action属性将表单的数据提交给后台，另外一种就是使用JavaScript方法获取表单的数据，然后通过ajax传送给后台。

工具原料：编辑器、浏览器

一、使用表单的方法提交数据

1、利用form表单的action属性来获取表单的数据并提交，代码如下：

<form action="form_actionphp" method="get">

  <p>First name: <input type="text" name="fname" /></p>

  <p>Last name: <input type="text" name="lname" /></p>

  <input type="submit" value="Submit" />

</form>

2、以上代码中method指定提交数据的方法为get，action的值是表单数据提交的地址。

二、使用JavaScript方法来获取表单的数据的方法

1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据，代码如下：

<form action="form_actionphp" method="get">

   <p>First name: <input id="bt1" type="text" name="fname" /></p>

   <p>Last name: <input id="bt2" type="text" name="lname" /></p>

   <input type="submit" value="Submit" />

  </form>

   <script>

   consolelog($('#bt1')val())

   consolelog($('#bt2')val());

   </script>

2、其中$('#bt1')val()就是获取input输入内容的值

楼主，你要搞清楚\x0d\一个表单中，\x0d\无论你放多少submit 都是提交同一个表单，\x0d\所以你放多个submit没有任何意义\x0d\如果是想根据特定的submit，来提交特定的值的话\x0d\你可以在每个submit 换成 button\x0d\给button绑定onclick事件\x0d\\x0d\调用函数，例如：\x0d\\x0d\ \x0d\ \x0d\ \x0d\\x0d\\x0d\script：\x0d\function subForm(type){\x0d\ alert(typevalue);//d出点击按钮的value值\x0d\ //这里就根据typevalue来进行特定的逻辑\x0d\ documentgetElementById("form1")submit(); //提交表单，同理如果有一个id为form2的表单，也可以用documentgetElementById("form2")submit(); 提交\x0d\} \x0d\\x0d\另外给文本的disabled = ‘disabled’的话，那么这个文本的值就不会提交到后台

手动取返回值

1、身处在前端社区的繁荣之下，我们都在有意或无意地追逐。

2、layui 偏偏回望当初，奔赴在返璞归真的漫漫征途，自信并勇敢着，追寻于原生态的书写指令，试图以最简单的方式诠释高效。

3、拥有双面的不仅是人生，还有 layui。

4、一面极简，一面丰盈。

5、极简是视觉所见的外在，是开发所念的简易。

6、丰盈是倾情雕琢的内在，是信手拈来的承诺。

7、一切本应如此，简而全，双重体验。

8、如果眼下还是一团零星之火，那运筹帷幄之后，迎面东风，就是一场烈焰燎原吧，那必定会是一番尽情的燃烧。

9、待，秋风萧瑟时，散作满天星辰，你看那四季轮回，正是 layui 不灭的执念

function subPara(){

var para1 = documentgetElementById("需要提交的参数的id")value;

//可以继续加

$ajax({

type:"POST",

async: false,

url:"//"//请求的url,

data:"&需要传递的参数的name"+param1 //如果还有可以继续加

success:function(data)

{//提交后，成功处理后可以在此处添加提示信息}

}）;

}

以上就是关于在jQuery中直接提交表单后怎么获取返回值全部的内容，包括:在jQuery中直接提交表单后怎么获取返回值、iview表单提交的值怎么来获取和生成表格、当表单提交时，js如何获取submit的名称或值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！