首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在提交ajax表单时调用函数

在提交ajax表单时调用函数
EN

Stack Overflow用户
提问于 2012-08-20 19:54:08
回答 3查看 7.4K关注 0票数 0

我正在使用ajaxForm.js进行ajax图像上传。

这是我使用的js函数:

代码语言:javascript
运行
AI代码解释
复制
$(document).ready(function() {
    $('#photoimg').live('change', function() {
        $("#hd_pic").html('');
        $("#loading").html('<img src="../img/common/loader.gif"/>').fadeIn(250);
        $("#imageform").ajaxForm({
            target: '#hd_pic'  
        }).submit();
    });
});

我不想将结果输出到target:'#hd_pic',但我想调用一个函数。例如,我在ajax调用中是这样做的:

代码语言:javascript
运行
AI代码解释
复制
$.ajax({
    type: "POST",
    url: "/ajax/add_url.php",
    data: dataString,
}).done(function(result) {
    myresult(result);
});

我调用函数myresult并使用ajax调用的结果。我也想在ajaxform提交函数中做这件事。有可能做到这一点吗?

这不起作用:

代码语言:javascript
运行
AI代码解释
复制
        $("#imageform").ajaxForm({
        success: myresult(result)
    }).submit();
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-08-20 19:59:43

我认为你可以这样做:

代码语言:javascript
运行
AI代码解释
复制
$("#imageform").ajaxForm({
    success: myresult
}).submit();
票数 0
EN

Stack Overflow用户

发布于 2012-08-20 19:59:08

可以使用成功回调属性作为options之一,而不是使用目标

代码语言:javascript
运行
AI代码解释
复制
$("#imageForm").ajaxForm({
    success: function() {
        // your callback code goes here
    }
});
票数 0
EN

Stack Overflow用户

发布于 2012-08-20 19:59:53

您想要的确切语法

代码语言:javascript
运行
AI代码解释
复制
 $("#imageform").ajaxForm({
        target: '#hd_pic',
        success: function(){/*your code after here*/}
    })

jQuery API: Ajax Options

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12044222

复制
相关文章
ajax提交form表单
$.ajax({ cache: true, type: "POST", url:ajaxCallUrl, data:$('#yourformid').serialize(),// 你的formid,serialize()函数会把表单要提交的数据序列化成参数形式 async: false,
用户1503405
2021/09/23
3.7K0
通过Ajax提交表单的数据
当监听到表单的提交事件后,可以调用事件对象的 event.preventDefault()函数,来阻止表单的提交和页面的跳转,示例代码如下:
岳泽以
2022/10/26
2.8K0
用JQUERY做大表单(多表单域)AJAX提交
function postData() { var post = ""; $(":text").each(function() { post += "&" + this.name + "=" + this.value; }); $(":password").each(function() { post += "&" + this.name + "=" + this.value; }
liulun
2022/05/09
1.7K0
form表单提交与ajax消息传递
后台: def index(request): if request.method == 'POST': print(request.POST) # 普通的键值对:<QueryDict: {'name': ['xxx']}> print(request.body) #print(request.FILES) #传文件< MultiValueDict: {'myfile': [ < InMemoryUploadedFile: day17课件.md(application / octet - stream) >]} > return HttpResponse('OK') return render(request, 'index.html')
小小咸鱼YwY
2019/09/11
4.1K0
使用ajax方法实现form表单的提交
作者:13 GitHub:https://github.com/ZHENFENG13 版权声明:本文为原创文章,未经允许不得转载。 写在前面的话 在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说想要将控制权放在前端,通过js来操作页面的跳转或者数据变化。 一般这种异步的操作,我们都会想到ajax方式,因此在实现了功能后就整理了这篇文章,通过ajax方法实现for
程序员十三
2018/03/15
3.7K0
ajax和form提交上传文件表单
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
suveng
2019/09/17
2.4K0
ajax和form提交上传文件表单
form表单提交后如何弹出对话框_ajax提交form表单数据
没想到有这么多人浏览这个文章,看来网络的文章害人不浅啊,我重新把代码格式化了,大家好好看吧。
全栈程序员站长
2022/11/09
4.3K0
创建联系表单页面并通过 Ajax 提交表单请求数据
回顾下上篇教程更新主题后的博客系统,可以看到顶部右上角导航菜单有两个链接,分别指向关于页面和联系表单页面:
学院君
2020/09/11
2.7K0
jquery实现ajax提交form表单的方法总结
方法一: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx"; alert($('#formAddHandlingFee').serialize()); $.ajax({ type: "POST",
PM吃瓜
2019/08/12
2.4K0
pbootcms使用Ajax无刷新提交留言及表单
PbootCMS 本身对于使用ajax请求进行提交时会返回Json数据,那么我们可以无需使用API的情况下实现ajax 提交留言,并自定义页面提示,提升用户体验。 关于pb的ajax很多文章代码都有个小缺陷,什么都不填点击提交后端显示空白数据,下面我根据官方提供的代码改良了一下 1.表单验证 <form onsubmit="return submsg(this);">     联系人<input type="text" name="contacts" required id="contacts">     
小唐同学.
2022/02/23
3.9K0
pbootcms使用Ajax无刷新提交留言及表单
表单提交方式为post,表单中提交的字段名称需要与后台自定义表单中添加的字段一致,否则会导致提交失败。
小唐同学.
2022/02/23
3.9K0
Ajax使用formData提交带图片上传的表单
记录一下今天踩过的坑。。这么个问题居然搞了快两个小时了。ssm框架,前台form带图片上传,因为效验表单数据,所以不能直接submit。
sunonzj
2022/06/21
2.8K0
Pbcms 使用 Ajax 无刷新提交留言及表单
PbootCMS 本身对于使用 ajax 请求进行提交时会返回 Json 数据,那么我们可以无需使用 API 的情况下实现 ajax 提交留言,并自定义页面提示,提升用户体验。
Savalone
2020/02/11
3.2K0
提交表单时input字段非空验证
需求,当提交表单的时候,如果要验证的字段为空,则弹出提示框提示请完善表单信息,并且 return;不执行下一步。
王小婷
2019/08/07
3.6K0
表单提交原理_防止表单重复提交
<form>标签的属性enctype设置以何种编码方式提交表单数据。可选的值有三个:
全栈程序员站长
2022/11/08
6.5K0
python测试开发django-162.ajax 提交表单,防重复提交(beforeSend)
form 表单提交的时候,当快速点击提交按钮的时候,会触发多个请求过去,会导致重复添加。
上海-悠悠
2021/11/05
1.5K0
from表单提交在新窗口打开
<form action=”URL”  method=”post”  target=”_blank” >
kirin
2021/03/01
2.8K0
表单提交
在html中经常用到<form>标签。而我们在使用过程会经常这样用<input name=”sub” type=”submit” value=”提交” /> 也就是说当我们点击提交的时候会执行<form action=”file.php” method=”get” id=”se” name=”se”>action的动作(例子是提交到file.php页面)方法是get。 当没有提交按钮时而是用一个热图加onclick属性来完成,我们可以这样用 <form id=”search” name=”search”
苦咖啡
2018/05/07
5.3K0
vue的form表单提交_axios提交表单
利用v-model能比较便捷地上传用户信息的数据,不用一个个参数地拼接。直接在data根据要传的字段定义一个对象,
全栈程序员站长
2022/11/10
7.8K0
阻止HTML表单提交跳转页面,使用 Jquery Ajax 请求接口
站长源码网 1. HTML 表单 ---- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <form action="" method="post" onsubmit="return save(this)"> 手机号 <input type="text" name="mobile" autocomplete="off"> 登录密码 <input type="text" name="p
很酷的站长
2023/01/16
3.7K0

相似问题

在表单提交时不调用Ajax函数

11

提交函数在提交表单时不被调用

30

在表单提交时进行多个ajax调用

24

jQuery提交表单使用ajax调用函数

30

表单提交不要调用ajax函数phonegap

10
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档