jQuery Form Plugin
来源:互联网 发布:什么取名软件好 编辑:程序博客网 时间:2024/05/16 06:36
2010-03-16// prepare the form when the DOM is ready
$(document).ready(function() {
var options = {
target: '#output2', // target element(s) to be updated with server response
beforeSubmit: showRequest, // pre-submit callback
success: showResponse // post-submit callback
// other available options:
//url: url // override for form's 'action' attribute
//type: type // 'get' or 'post', override for form's 'method' attribute
//dataType: null // 'xml', 'script', or 'json' (expected server response type)
//clearForm: true // clear all form fields after successful submit
//resetForm: true // reset the form after successful submit
// $.ajax options can be used here too, for example:
//timeout: 3000
};
// bind to the form's submit event
$('#myForm2').submit(function() {
// inside event callbacks 'this' is the DOM element so we first
// wrap it in a jQuery object and then invoke ajaxSubmit
$(this).ajaxSubmit(options);
// !!! Important !!!
// always return false to prevent standard browser submit and page navigation
return false;
});
});
// pre-submit callback
function showRequest(formData, jqForm, options) {
// formData is an array; here we use $.param to convert it to a string to display it
// but the form plugin does this for you automatically when it submits the data
var queryString = $.param(formData);
// jqForm is a jQuery object encapsulating the form element. To access the
// DOM element for the form do this:
// var formElement = jqForm[0];
alert('About to submit: /n/n' + queryString);
// here we could return false to prevent the form from being submitted;
// returning anything other than false will allow the form submit to continue
return true;
}
// post-submit callback
function showResponse(responseText, statusText, xhr, $form) {
// for normal html responses, the first argument to the success callback
// is the XMLHttpRequest object's responseText property
// if the ajaxSubmit method was passed an Options Object with the dataType
// property set to 'xml' then the first argument to the success callback
// is the XMLHttpRequest object's responseXML property
// if the ajaxSubmit method was passed an Options Object with the dataType
// property set to 'json' then the first argument to the success callback
// is the json data object returned by the server
alert('status: ' + statusText + '/n/nresponseText: /n' + responseText +
'/n/nThe output div should have already been updated with the responseText.');
}
http://www.malsup.com/jquery/form/#ajaxSubmit
- jQuery Form Plugin
- jQuery Form Plugin
- jQuery Form Plugin
- jQuery Form Plugin
- Fck with Jquery Form Plugin
- jQuery Form Plugin应用心得
- jQuery Form Plugin (jquery表单插件)
- jquery form plugin( ajax表单提交 )
- jQuery Form Plugin( ajax表单提交 )
- jQuery Form Plugin (一) :使用AJAX提交Form表单
- jQuery Form Plugin (一) :使用AJAX提交Form表单
- jQuery Form Plugin (二) :使用AJAX提交Form表单
- 使用 jqgrid + jQuery Form Plugin 处理文件上传
- jQuery Form Plugin:AJAX方式提交表单的完全方案
- jQuery Form Plugin:AJAX方式提交表单的完全方案
- jQuery Form Plugin:AJAX方式提交表单的完全方案
- jquery plugin
- jquery plugin
- 关于java中的数值计算
- 获取文件的逻辑路径
- ogre鼠标框选
- SymmetricalString and AscendingNum
- 3D游戏中的场景管理(八叉树和BSP树简介)
- jQuery Form Plugin
- js快捷键的应用
- Ogre、 Shadow Map、和其他-评说
- Struts2学习笔记整理1
- PGA的使用和管理
- 如何用纯的C++语言显示和加载一幅图片
- ACL编程之父子进程机制,父进程守护子进程以防止子进程异常退出
- Java实现的3D计算机图形类库与引擎
- 有的,没的