jquery ajax直接提交表单

原创 2013年12月04日 10:21:56

下面给出查看帮助文档的例子

 

<script src="jquery-1.4.4.js"></script>

<script>


$(function(){
	$("#results").append( "<tt>" + $("form").serialize() + "</tt>" );
});
</script>

<p id="results"><b>Results: </b> </p>
<form>
  <select name="single">
    <option>Single</option>
    <option>Single2</option>
  </select>
  <select name="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
  </select><br/>
  <input type="checkbox" name="check" value="check1"/> check1
  <input type="checkbox" name="check" value="check2" checked="checked"/> check2
  <input type="radio" name="radio" value="radio1" checked="checked"/> radio1
  <input type="radio" name="radio" value="radio2"/> radio2
</form>

 

界面显示的内容是

 

直接使用ajax提交表单传递参数

$.ajax({
      type: "POST",
      url: url,
      data: $('#form1').serialize(),
      success: function(msg){
        alert( "Data Saved: " + msg );
     }
  });

 

  • 大小: 16.6 KB

jQuery实现Ajax方式提交表单

提交表单一般通过同步的方式提交,提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理,那么页面不能整体刷新,这时第一想到的就是采用...
  • wangzl1163
  • wangzl1163
  • 2016年12月16日 14:00
  • 1844

Form表单利用Jquery Validate验证以及ajax提交

详细讲解Form表单利用Jquery Validate验证以及ajax提交的过程,以及Jquery Validate使用中的input写法,Validate的标尺,Validate的自定义提示语,非空...
  • s445320
  • s445320
  • 2016年02月26日 13:27
  • 18996

jQuery异步提交表单(有实例)

前言:我们在开发的时候,一定会使用ajax异步提交表单,在这里总结一下:前提准备:引入脚本 ...
  • xinghuo0007
  • xinghuo0007
  • 2017年05月30日 00:11
  • 1415

jquery.form.js实现将form提交转为ajax方式提交的方法

这篇文章主要介绍了jquery.form.js实现将form提交转为ajax方式提交的方法,涉及jQuery插件实现form表单的Ajax提交技巧,非常具有实用价值,需要的朋友可以参考下 ...
  • fu_manxing
  • fu_manxing
  • 2016年09月02日 06:19
  • 1351

Struts2之ajax提交表单(借助jquery插件)

1 index.jsp pageEncoding="UTF-8"%>         $(document).ready( function() {                  ...
  • u012871207
  • u012871207
  • 2015年02月02日 20:39
  • 1257

JQuery -AJAX- html中提交表单并实现不跳转页面处理返回值

本文中实现在html中使用jQuery的组件实现表单提交并在当前页面中处理返回值。 1、使用AjaxForm方式 (1)、导入js文件      需要导入相关的js文件。...
  • h330531987
  • h330531987
  • 2017年04月05日 15:26
  • 3136

虚拟表单提交模拟ajax请求

前端开发人员经常会遇到ajax请求出现跨域问题,比如做单点登录。结合本人开发经验推荐一方法——虚拟表单提交,解决此类问题。此方法的特点是简单易懂!好了,直接上干货! function formCom...
  • u011365716
  • u011365716
  • 2016年04月26日 11:26
  • 1263

jQuery AJAX提交表单并输出返回值

前端部分: Last name: $(document).ready(function(){ $("#btn").click(fun...
  • connora
  • connora
  • 2015年06月16日 10:49
  • 2742

PHP jQuery Ajax提交与验证form表单详解

PHP jQuery Ajax Form 表单提交与验证实例解析,包括创建一个表单 html 页面、添加 JQuery 代码、jquery ajax 表单提交、jquery ajax 表单验证、反馈信...
  • youaregoo
  • youaregoo
  • 2013年06月28日 10:16
  • 1403

jQuery ajax提交Form表单实例(附demo源码)

jQuery ajax提交Form表单实例
  • semial
  • semial
  • 2016年12月28日 15:03
  • 2440
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery ajax直接提交表单
举报原因:
原因补充:

(最多只允许输入30个字)