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中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ,下面我...
总结了 用type=submit type=image 单击图片提交 按钮提交等 绝对原创
几种防止表单重复提交的方法 禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。 我之前的文章曾说...
大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证. 这种方式也比较简单,在...
几种防止表单重复提交的方法 1.禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。 我之前的...
这样就导致后台收到两次提交,从而进行两次处理,本文章向大家介绍php 防止表单重复提交的几种方法 1、前端解决 方法一: 可以通过前端来解决。当用户点了提交按钮之后,先使用js进行有效性判断,没问题后,将提交...
本实验旨在查看我们在过去几周中学到的主题,包括:jquery,表单,ajax和快速路由。 每个质询都位于其自己的端点,并在其自己的challenge.js文件中具有说明。 注意您要查看正确的文件! 开始 git clone THIS_REPO ...
以前在web提交表单并且需要验证用户输入时,在提取用户输入信息时,都要在js用到document.getElementById(),这样一个两个表单域还行,但有很多时(我就遇到过有十几个的情况)看看都眼花,所以个人就比较反感这种...
jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果...
在jquery中ajax实现方法分类很多种,如有:load、jQuery.get、jQuery.post、jQuery.getScript、jQuery Ajax 事件、jQuery.ajaxSetup等等,前面几种为常用的也是用得最多的jquery ajax方法了. 网站开发时,ajax是一个...
├最新AngularJS开发宝典—第069讲 $http服务之后台接收POST数据的几种方式.mp4 ├最新AngularJS开发宝典—第070讲 spa项目的server层分析与使用factory创建服务.mp4 ├最新AngularJS开发宝典—第071讲 多个控制器...
5.加强前台提交表单信息的安全过滤 6.修复几个细节BUG 2014年04月30日 V2.84更新包(推荐升级) 1.修复安装向导配置时对数据库字符过滤不严存在入侵漏洞 2.修复后台模板样式文件字符过滤不严存在入侵漏洞 3.修复...
6.方便扩展内容块的展示样式,自由展示数据,在资讯应用中预置了几种类型的内容块 7.发布博客文章是,可以选择同时投稿到资讯 8.可以设置资讯内容分页方式:自动分页和手动分页 9.资讯可以自定义页面 10.资讯首页...
-这样所有需要占据全屏的Panel(不管你是Accordion,Panel,ContentPanel,Form,GroupPanel,SimpleForm,Tree还是Grid,TabStrip)都可以通过这种方式全屏。 -简单方便,示例可以参考 default.aspx 或者 other\...
-修正extjs最新版本(v3.2.2)中的一个bug,如果下拉列表中存在两个相同的Text,则SelectedValue返回值永远是第一个Text的值(feedback:ben.zhou)。 -应用补丁#6593, #6621(feedback:vbelyaev)。 +修正IE7下Grid分页...