`

jquery中的几种表单提交方式

阅读更多
1.首先导入jquery必须的js封装包:

    <script type="text/javascript" src="<%=basePath%>js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/jquery.form.js"></script>


2.以下介绍这几种方式:
使用jquery,首先要有这个东西:以下的例子都可以在这个里边,

$(document).ready(function(){
	
});


所有包括在$(document).ready()里面的元素或事件都将会在DOM完成加载之后立即加载,并且在页面内容加载之前。

【1】$.post方式
传一个参:
$.post(url,{参数1:'值1',参数2:'值2'},function(msg){
	if(msg=="true"){
		
	}
});


【2】form表单直接提交,要用form.js
$("#formid").submit();


【3】ajaxSubmit方式:
$("#myform").ajaxSubmit(function(msg){
	if(msg=="true"){
		
	}
});


【4】ajaxSubmit方式2:
var options = {
	//url : "add_module.do",
	type : "post",
	dataType : "html",
	success : function(msg){
		if(msg=="true"){
			
		}
	}
};
$("#myform").ajaxSubmit(options);


【5】ajax方式:
$(function(){
	$('#send').click(function(){
		$.ajax({
			type: "GET",
			url: "test.json",
			data: {username:$("#username").val(), content:$("#content").val()},
			dataType: "json",
			success: function(data){
			$('#resText').empty();   //清空resText里面的所有内容
			var html = ''; 
			$.each(data, function(commentIndex, comment){
				html += '<div class="comment"><h6>' + comment['username']
				+ ':</h6><p class="para"' + comment['content']
				+ '</p></div>';
				});
				$('#resText').html(html);
			}
		});
	});
});


【6】:使用load加载文件:
$('#test').load('/example/jquery/demo_test.txt');


【7】:load方式:
$("#myID").load("/test.html");//在id为#myID的元素里导入test.html运行后的结果
$("#myID").load("/test.html",{"name":"Adam"});//导入的php文件含有一个传递参数,类似于请求url:/test.html?name=Adam


【8】相比来说这些个都是比较常用,比较好用的,整理下来备用
分享到:
评论

相关推荐

    jQuery几种表单的验证

    下面我们将深入探讨jQuery实现的几种常见表单验证方法。 首先,我们来看jQuery的基本用法。在jQuery中,我们可以通过选择器选取DOM元素,然后对其执行各种操作。对于表单验证,我们通常会在用户提交表单时触发事件...

    表单的几种提交方式

    总结了 用type=submit type=image 单击图片提交 按钮提交等 绝对原创

    Jquery中ajax提交表单几种方法(get、post两种方法)

    在jQuery中,Ajax提交表单是常见的数据交互方式,它允许我们在不刷新页面的情况下与服务器交换数据并更新部分网页内容。主要使用到的两种方法是GET和POST,这两种方法各有特点,适用于不同的场景。 首先,GET方法是...

    jquery表单验证特效

    "jquery表单验证特效"这个主题涉及到使用jQuery进行表单验证,这是一种提高用户体验的有效方式,通过实时验证用户输入的数据,确保其正确性和完整性,避免提交无效或错误的信息。 表单验证通常是网页应用程序不可或...

    JQuery实现表单验证

    表单验证通常包括以下几种类型:非空验证、长度验证、格式验证(如邮箱、电话号码)、唯一性验证等。在"JQuery实现表单验证"的案例中,描述中提到有五种不同的提示方式,这些可能包括错误消息的显示位置、样式、动画...

    JQuery制作的formValidator表单验证

    formValidator支持异步验证,通过AJAX请求将数据发送到服务器,获取验证结果,并根据结果决定是否允许表单提交。 7. **UI集成**:在`ui.tabs.css`和`style.css`中,我们可以看到样式文件,它们用于美化验证提示和...

    jquery插件(form表单验证)

    总结,jQuery插件的表单验证功能为开发者提供了一种高效且易于使用的工具,能够提升用户体验并保证数据质量。通过理解其工作原理和使用方法,开发者可以轻松集成到自己的项目中,实现强大的表单验证功能。

    PHP+Jquery+AJAX POST,GET提交表单并接收返回

    本主题将深入探讨如何利用这些技术实现POST和GET方式的表单提交以及如何处理服务器返回的数据。 首先,让我们了解这三种技术的基本概念: 1. PHP(Hypertext Preprocessor)是一种服务器端脚本语言,主要用于处理...

    jquery下异步提交表单 异步跨域提交表单

    在使用jQuery处理表单提交时,异步提交和跨域提交是常见的需求,本篇文章将详细介绍如何利用jQuery实现这两种表单提交方式。 ### jQuery下异步提交表单 异步提交表单指的是在不刷新页面的情况下,通过JavaScript...

    asp.net mvc3 表单提交和异步提交

    实现ASP.NET MVC3的Ajax提交有几种方式。一种是使用jQuery的`.ajax()`方法,另一种是使用`$.post()`或`$.get()`等简化版本。还可以利用jQuery的`.load()`方法来加载服务器返回的部分HTML。在MVC3中,可以结合AJAX...

    防止Layui form表单重复提交的实现方法

    下面详细解释几种防止Layui表单重复提交的方法。 首先,在HTML表单中,为了避免在提交时页面刷新导致的重复提交,可以在标签中使用onsubmit="return false;"属性。这个属性的作用是在表单提交时返回false,阻止...

    jQuery带步骤网站注册表单填写验证代码

    在"jQuery带步骤网站注册表单填写验证代码"中,可能包含了以下几点技术要点: 1. **表单元素选择**:使用jQuery的选择器选取表单元素,例如`$("#username")`选择id为"username"的输入框。 2. **事件监听**:绑定`...

    JS和jQuery使用submit方法无法提交表单的原因分析及解决办法

    在Web开发过程中,表单提交是一个常见的功能,通常使用JavaScript和jQuery来控制提交行为,以实现异步提交等需求。但在使用这些前端技术进行表单提交时,有时会出现无法成功提交的情况。本文主要探讨了在使用...

    jQuery分步骤用户注册表单代码

    jQuery作为一种强大的JavaScript库,能够简化网页动态交互和DOM操作,是实现分步骤用户注册表单的理想工具。本文将深入探讨如何利用jQuery实现这种功能,以及相关文件结构的作用。 首先,我们来看"jQuery分步骤用户...

    jQuery电网分分步骤注册表单代码.zip

    这种方式有助于减少用户的认知负担,让他们在每个步骤中专注于较少的信息,从而提高表单填写的准确性和完成率。 3. **jQuery实现分步表单的关键技术** - **事件监听**:使用jQuery的`.on()`方法可以方便地为表单...

    jQuery站点后台登录表单代码.zip

    此外,它还可以处理表单提交事件,通过AJAX异步通信,使得用户在登录时无需等待页面刷新,提升用户体验。 jQuery是一个广泛使用的JavaScript库,简化了DOM操作、事件处理、动画效果和Ajax交互。在登录表单中,...

    jquery提交form表单时禁止重复提交的方法

    在本示例中,使用的是第三种方法,即使用jQuery的数据缓存功能来跟踪和控制表单提交。具体实现方式如下: 首先,使用jQuery的`$(document).ready()`方法确保在文档完全加载后执行我们的脚本。然后,利用`$('form')....

    jQuery点击弹窗表单代码

    5. **表单验证与提交**:可以使用jQuery对表单数据进行验证,如非空检查、格式校验等。如果验证通过,可以使用Ajax发送表单数据到服务器,或者直接提交表单。例如: ```javascript if ($("#username").val().trim...

    jquery表单验证插件

    5. **处理提交事件**:通过监听表单的`submit`事件,可以阻止默认的表单提交行为,进行异步验证,然后根据验证结果决定是否继续提交。 6. **显示错误信息**:使用插件提供的方法展示错误信息,通常会与CSS结合,使...

Global site tag (gtag.js) - Google Analytics