`

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中ajax提交表单几种方法(get、post两种方法)

    在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ,下面我...

    表单的几种提交方式

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

    几种防止表单重复提交的方法

    几种防止表单重复提交的方法 禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。 我之前的文章曾说...

    jquery+ajax验证不通过也提交表单问题处理

    大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证.  这种方式也比较简单,在...

    防止用户将表单重复提交的方法汇总

     几种防止表单重复提交的方法  1.禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。  我之前的...

    php 防止表单重复提交两种实现方法

    这样就导致后台收到两次提交,从而进行两次处理,本文章向大家介绍php 防止表单重复提交的几种方法 1、前端解决 方法一: 可以通过前端来解决。当用户点了提交按钮之后,先使用js进行有效性判断,没问题后,将提交...

    seven_challenges:练习jQuery,表单提交,Ajax和快速路由

    本实验旨在查看我们在过去几周中学到的主题,包括:jquery,表单,ajax和快速路由。 每个质询都位于其自己的端点,并在其自己的challenge.js文件中具有说明。 注意您要查看正确的文件! 开始 git clone THIS_REPO ...

    jquery选择符快速提取web表单数据示例

    以前在web提交表单并且需要验证用户输入时,在提取用户输入信息时,都要在js用到document.getElementById(),这样一个两个表单域还行,但有很多时(我就遇到过有十几个的情况)看看都眼花,所以个人就比较反感这种...

    jQuery完全实例.rar

    jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果...

    Jquery具体实例介绍AJAX何时用,AJAX应该在什么地方用

    在jquery中ajax实现方法分类很多种,如有:load、jQuery.get、jQuery.post、jQuery.getScript、jQuery Ajax 事件、jQuery.ajaxSetup等等,前面几种为常用的也是用得最多的jquery ajax方法了. 网站开发时,ajax是一个...

    最新AngularJS开发宝典视频教程 后盾网AngularJS培训视频教程 后盾网.txt

    ├最新AngularJS开发宝典—第069讲 $http服务之后台接收POST数据的几种方式.mp4 ├最新AngularJS开发宝典—第070讲 spa项目的server层分析与使用factory创建服务.mp4 ├最新AngularJS开发宝典—第071讲 多个控制器...

    文章管理系统

    5.加强前台提交表单信息的安全过滤 6.修复几个细节BUG 2014年04月30日 V2.84更新包(推荐升级) 1.修复安装向导配置时对数据库字符过滤不严存在入侵漏洞 2.修复后台模板样式文件字符过滤不严存在入侵漏洞 3.修复...

    SpaceBuilder v3.1[免安装]源码

    6.方便扩展内容块的展示样式,自由展示数据,在资讯应用中预置了几种类型的内容块 7.发布博客文章是,可以选择同时投稿到资讯 8.可以设置资讯内容分页方式:自动分页和手动分页 9.资讯可以自定义页面 10.资讯首页...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -这样所有需要占据全屏的Panel(不管你是Accordion,Panel,ContentPanel,Form,GroupPanel,SimpleForm,Tree还是Grid,TabStrip)都可以通过这种方式全屏。 -简单方便,示例可以参考 default.aspx 或者 other\...

    ExtAspNet_v2.3.2_dll

    -修正extjs最新版本(v3.2.2)中的一个bug,如果下拉列表中存在两个相同的Text,则SelectedValue返回值永远是第一个Text的值(feedback:ben.zhou)。 -应用补丁#6593, #6621(feedback:vbelyaev)。 +修正IE7下Grid分页...

Global site tag (gtag.js) - Google Analytics