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】相比来说这些个都是比较常用,比较好用的,整理下来备用