rush:js;">
$(document).ready(function() {
var options = {
target: '#output1',// 从服务传过来的数据
显示在这个div内部
也就是ajax局部刷新
beforeSubmit: showRequest,// ajax提交之前的处理
success: showResponse
// 处理之后的处理
};
$('#showDataForm').submit(function() {
$(this).ajaxSubmit(options);
return false;
//非常重要，如果是false，则表明是不
跳转
//在本页上处理，也就是ajax，如果是非false，则传统的form
跳转。
});
});
function showResponse(responseText,statusText,xhr,$form) {
alert(xhr.responseText+"=="+$form.attr("method")+'status: ' +
statusText + '\n\nresponseText: \n' + responseText);
//xhr：说明你可以用ajax来自己再次发出请求
//$form：是那个form对象，是
一个jquery对象
//statusText：状态，成功则为success
//responseText，服务器返回的是字符串（当然
包括html，不
包括json）
}
function showRequest(formData,jqForm,options) {
//formData是数组，就是各个input的键值map数组
//通过这个
方法来进行处理出来拼凑出来字符串。
//formData：拼凑出来的form字符串，比如name=hera&password，
//其实就是各个表单中的input的键值对，
//如果
加上method=XXXX，那也就是相当于ajax内的data。
var queryString = $.p
aram(formData);
alert(queryString+"======"+formData.length);
for (var i=0; i < formData.length; i++) {
alert(formData[i].value+"==============="+formData[i].name);
}
//jqForm，jquery form对象
var formElement = jqForm[0];
alert($(formElement).attr("method"));
alert($(jqForm[0].name).attr("maxlength"));
//非常重要，返回true则说明在提交ajax之前你验证
//成功，则提交ajax form
//如果验证不成功，则返回非true，不提交
return true;
}
rush:js;">
var options = {
target: '#output1',data:{p
aram1:"我自己的第
一个额外的参数"},//这个参数是指通过ajax来给服务器提交除了form内部input的参数
//在
后台中使用String p
aram1=req.getP
arameter("p
aram1");
获取。
// dataType: null,dataType:'json',//这个参数值的是服务器返回的数据类型，
默认的是null
//也就是服务器可以
默认返回字符串，然后将这些字符串放在target内部
//当然还有json、xml，其中最常用的便是null和json
//对于json的使用，我们会稍后讲解到
beforeSubmit: showRequest,success: successRes，
type：'POST'
//提交方式，
默认是自己在form
标签上指定的method
//如果没有指定，则使用get。
url：''
//重新提交的url，即url可以在form中配置
//也可以
在这里配置。
};
rush:js;">
var options = {
target: '#output1',beforeSubmit: showRequest,success: successRes
//注意了，successRes
方法看起来并没有有参数
//但是为何下面的
方法就能有参数了呢，是可以这么传递的。
function successRes(jsonData){
alert(jsonData.p
aram1);
}
rush:js;">
function showRequest(formData,options) {
for (var i=0; i < formData.length; i++) {
alert(formData[i].value+"========"+formData[i].name);
if (!formData[i].value) {
//验证是否填写完整
alert('input有没有填写的选项');
//如果验证不通过，则返回false
return false;
}
}
var formElement = jqForm[0];
alert($(jqForm[0].name).attr("maxlength"));
return true;
}
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
