最近在使用ajaxForm,随便把使用方法记下下来,以便以后回顾。
1 ,引入依赖脚本
<script type="text/javascript" src="/js/jquery/jquery.form.js"></script> //ajaxForm 依赖脚本
<script type="text/javascript" src="/js/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="/js/jquery/jquery.easyui.min.js"></script>
2 使用方法
<form name="testForm" id="testForm" >
<input type="button" value="submit"/>
</form>
<script type="text/javascript">
var ajax_option={
url:"login",//默认是form action
success:function(data){
$('#testForm').ajaxSubmit(ajax_option);
</script>
//注意$("#testForm") 引号中名称必须要和form元素id值要保持一致
3 ajaxSubmit 和ajaxForm区别
ajaxForm不能提交表单。在document的ready函数中,使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始
ajaxSubmit
马上由AJAX来提交表单。你可以在任何情况下进行该项提交。
option的参数
var options = {
target: '#output1', // 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
};
最近在使用ajaxForm,随便把使用方法记下下来,以便以后回顾。1 ,引入依赖脚本 //ajaxForm 依赖脚本2 使用方法var ajax_option={url:"login",//默认是form actionsuccess:function(data){}$('#testForm').ajaxSubmit(aja
1、为什么
使用
:通过
ajax
Submit
()方式可以在不刷新页面的情况下异步提交表单
1、前提:除了引入必要的
jquery
.js外还要引入js/
jquery
.form.js
2、
使用
实例:
<script type="text/javascript" src="js/
jquery
-1.10.2.min.js"></script>
<script type="text/javascript" src="js/
jquery
.form.js"></scri
jquery
.form.js的
ajax
Submit
和
ajax
Form
使用
(用于多文件上传以及其他参数的混合提交)
ajax
Submit
和
ajax
Form区别
ajax
Form
ajax
Form()不能提交表单。在document的ready函数
中
,
使用
ajax
Form来为
AJAX
提交表单进行准备。提交动作必须由
submit
开始
ajax
Form()适用于以表单提交方式处理
ajax
技术(需...
这篇文章主要介绍了
jQuery
使用
ajax
Submit
()提交表单示例,
使用
延第三方插件
jquery
.form实现,需要的朋友可以参考下:准备工作:
ajax
Submit
(obj)方法是
jQuery
的一个插件
jquery
.form.js里面的方法,所以
使用
此方法需要先引入这个插件。如下所示: <!--
jquery
需要引入的文件-->
<script src="https://
ajax
.aspn
jQuery
表单插件
ajax
Form和
ajax
Submit
都是用来实现表单提交的,其
中
ajax
Form适用于所有的表单,而
ajax
Submit
只适用于表单
中
的input、select等元素,不能包含文件上传域。
ajax
Form的
使用
方法:
1.引入
jQuery
库和
jquery
.form.js插件文件
<script type="text/javascript" src="
jquery
.min.js"></script>
<script type="text/javascript" src="
jquery
.form.js"></script>
2.
使用
ajax
Form函数提交表单
$(document).ready(function() {
$('#form1').
ajax
Form(function(data) {
alert(data);
其
中
,#form1是表单的ID,data是服务器端返回的数据。
ajax
Submit
的
使用
方法:
1.引入
jQuery
库和
jquery
.form.js插件文件
<script type="text/javascript" src="
jquery
.min.js"></script>
<script type="text/javascript" src="
jquery
.form.js"></script>
2.
使用
ajax
Submit
函数提交表单
$(document).ready(function() {
$('#form1').
submit
(function() {
$(this).
ajax
Submit
({
success: function(data) {
alert(data);
return false;
其
中
,#form1是表单的ID,data是服务器端返回的数据。
ajax
Submit
还可以通过其他参数来设置表单提交的相关信息,如:
$(document).ready(function() {
$('#form1').
submit
(function() {
$(this).
ajax
Submit
({
type: 'post', // 提交方式,get或post,默认为get
url: '
submit
.php', // 提交的URL地址
data: { // 提交的数据,键值对形式
username: 'admin',
password: '123456'
dataType: 'json', // 服务器返回的数据类型,text、xml、json等
success: function(data) { // 提交成功后的回调函数
alert(data);
return false;
以上就是
ajax
Form和
ajax
Submit
的详细
使用
方法。