blocks|key|4373152|text|你在正确的轨道上，你所建议的将会起作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4373153|一种更好的方法是保持原始操作不变，为旧浏览器提供向后兼容性。然后，您可以像往常一样创建事件处理程序，并包含阻止默认提交行为的代码，并使用ajax。|4373154|$('#submitbutton').live('click',+function(e){+e.preventDefault();+});|code-block|syntax|javascript|4373155|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>You are on the right track, and what you suggested will work.</p>

<p>A better method would be to leave the original action intact, providing backwards compatibility to older browsers. You would then create the event handler as normal, and include code to prevent the default submit behavior, and use ajax instead. </p>

<pre><code>$('#submitbutton').live('click', function(e){ e.preventDefault(); });
</code></pre>


blocks|key|2180121|text|执行此操作的最简单方法是使用jQuery+forms+plugin.|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2180122|这是我对这类事情的首选插件。基本上，它将接受您现有的表单，动作url等，并自动将提交转换为ajax调用。来自网站：|2180123|AJAX表单插件允许您轻松而低调地升级|2180124|表单以使用AJAX。主要方法ajaxForm和ajaxSubmit从表单元素收集信息，以确定如何管理提交过程。这两种方法都支持许多选项，使您可以完全控制数据的提交方式。这是非常有用的网站托管在低成本的网站托管有限的特点和功能。用AJAX提交表单再简单不过了！|blockquote|2180125|2180126|2180127|如果由于某种原因，禁用了javascript，那么它也会优雅地降级。看看这个网站，有一堆清晰的例子和演示。|2180128|entityMap|0|LINK|mutability|MUTABLE|url|http://www.malsup.com/jquery/form/^0|E|K|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|11|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|12|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|14|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|C|$]]|$1|O|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

<p>The easiest way to do this is to use the <a href="http://www.malsup.com/jquery/form/" rel="nofollow">jQuery forms plugin.</a> </p>

<p>This is my go-to plugin for this type of thing. Basically it will take your existing form, action url etc and convert the submission to an ajax call automatically. From the website:</p>

<blockquote>
  <p>The jQuery Form Plugin allows you to easily and unobtrusively upgrade
  HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit,
  gather information from the form element to determine how to manage
  the submit process. Both of these methods support numerous options
  which allows you to have full control over how the data is submitted.
  It is extremely useful for sites hosted in low cost web hosting
  providers with limited features and functionality. Submitting a form
  with AJAX doesn't get any easier than this!</p>
</blockquote>

<p>It will also degrade gracefully if, for some reason, javascript is disabled. Take a look at the website, there are a bunch of clear examples and demos. </p>


blocks|key|4392530|text|我是这样做的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4392531|在jQuery中：|4392532|$('document').ready(function()+{
++++$('input[name=submit]').click(function(e)+{
++++++++url+=+'the+link';
++++++++var+dataToBeSent+=+$("form#myForm").serialize();
++++++++$.ajax({
++++++++++++url+:+url,
++++++++++++data+:+dataToBeSent,
++++++++++++success+:+function(response)+{
++++++++++++++++alert('Success');
++++++++++++},
++++++++++++error+:+function(request,+textStatus,+errorThrown)+{
++++++++++++++++alert('Something+bad+happened');
++++++++++++}
++++++++});
++++++++e.preventDefault();
++++});|code-block|syntax|javascript|4392533|在另一个页面中，我获取变量并对其进行处理。我的表格是|4392534|<form+name+=+"myForm"+method+=+"post">//AJAX+does+the+calling+part+so+action+is+not+needed.
++++<input+type+=+"text"+name+=+"fname"/>
++++<input+type=+"submit"+name+=+"submit"/>
<FORM>|4392535|在操作页面中有类似这样的内容|4392536|name+=+Request.QueryString("fname")|4392537|更新：作为你在David的帖子中的评论之一，你不确定如何发送表单的值。尝试下面的函数，你会清楚地知道这段代码是如何工作的。serialize()方法做到了这一点。|offset|length|style|BOLD|CODE|4392538|$('input[name=submit]').click(function(e){
++++var+dataToBeSent+=+$("form#myForm").serialize();
++++alert(dataToBeSent);
++++e.preventDefault();
})|4392539|entityMap^0|0|0|0|0|0|0|0|0|3|1P|B|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|13|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|14|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|15|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|16|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|17|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|18|8|@$S|19|T|1A|U|V]|$S|1B|T|1C|U|W]]|9|@]|A|$]]|$1|X|3|Y|5|F|7|1D|8|@]|9|@]|A|$G|H]]|$1|Z|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|10|$]]

<p>This is how I do:</p>

<p>In jQuery: </p>

<pre><code>$('document').ready(function() {
    $('input[name=submit]').click(function(e) {
        url = 'the link';
        var dataToBeSent = $("form#myForm").serialize();
        $.ajax({
            url : url,
            data : dataToBeSent,
            success : function(response) {
                alert('Success');
            },
            error : function(request, textStatus, errorThrown) {
                alert('Something bad happened');
            }
        });
        e.preventDefault();
    });
</code></pre>

<p>In the other page I get the variables and process them. My form is </p>

<pre><code>&lt;form name = "myForm" method = "post"&gt;//AJAX does the calling part so action is not needed.
    &lt;input type = "text" name = "fname"/&gt;
    &lt;input type= "submit" name = "submit"/&gt;
&lt;FORM&gt;
</code></pre>

<p>In the action page have something like this</p>

<pre><code>name = Request.QueryString("fname")
</code></pre>

<p><strong>UPDATE:</strong> As one of your comment in David's post, you are not sure how to send values of the form. Try the below function you will get a clear idea how this code works. <code>serialize()</code> method does the trick.</p>

<pre><code>$('input[name=submit]').click(function(e){
    var dataToBeSent = $("form#myForm").serialize();
    alert(dataToBeSent);
    e.preventDefault();
})
</code></pre>


<p>I am learning ASP.NET MVC. I have to submit a  to controller side after validation in client-side(in jquery). How this can be done? Should i use <code>&lt;form action="#" method="post"&gt;</code> instead of <code>&lt;form action="Controller/Method" method="post"&gt;</code> and add an event handler in click event of submit button of , to send via ajax etc? What should i do? pls help</p>


Send form to server in jquery

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在学习ASP.NET MVC。在客户端(在jquery中)验证后，我必须向控制器端提交一个。如何做到这一点？我是否应该使用<form action="#" method="post">而不是<form action="Controller/Method" method="post">，并在提交按钮的单击事件中添加事...

问在jquery中将表单发送到服务器
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jquery中将表单发送到服务器EN