使用ajaxSubmit 一部提交表单报ajaxSubmit is not function 1C

框架是struts2 在使用ajaxSubmit异步提交表单报错$(...).ajaxSubmit is not a function
我引进了jquery-form.js 并且加载了
代码如下

 <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>      
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src = "<%=request.getContextPath()%>/js/jquery.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-form.js"></script> 
<title>Insert title here</title>
   <script type="text/javascript">
    function upload(){
         var options = {
                url : "<%=request.getContextPath()%>/upload/uploadPic",
                type : "post",
                dataType : "json",
                success : function(data){
                    alert(data);
                }
        }
        $("#aaa").ajaxSubmit(options); 
    }    
</script>
</head>
<body>
    <form action="<%=request.getContextPath()%>/upload/uploadPic" method="post" id="aaa" enctype="multipart/form-data">
        <input id="infile" name="picture" type="file" onchange="upload()">
    </form>
</body>
</html>

图片说明

上传图片就报错
![图片说明](https://img-ask.csdn.net/upload/201705/20/1495280337_827135.png

请问这个问题怎么解决啊 ,或者有没有别的异步上传图片,我需要有返回值的。请帮帮忙。

2个回答

你的<%=request.getContextPath()%>/js这个路径下没有jquery-form.js这个文件,自己注意文件名是不是拼写错了什么的

showbo
支付宝加好友偷能量挖 回复Coder_Arley: 能正常加载那么就是你下载的这个类库有问题,jquery没有ajaxSubmit 扩展上,你换1#的连接地址看看正常没有
2 年多之前 回复
Coder_Arley
Coder_Arley 回复showbo: 有的,没有拼写错,都能看到加载了
2 年多之前 回复

http://www.bootcdn.cn/jquery.form/

看这个;
http://www.cnblogs.com/popzhou/p/4338040.html

把下面这个加入到你的页面:

 <script src="https://cdn.bootcss.com/jquery.form/4.2.1/jquery.form.min.js"></script>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jQuery使用ajaxSubmit()提交表单以及AjaxSubmit的一些用法
作为一个Java新人工作的一些总结和笔记,有什么不对的欢迎批评指导。
jQuery使用ajaxSubmit()提交表单示例
ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件。如下所示: 代码如下:   那么,如何通过ajaxSubmit(obj)提交数据呢?首先我们需要一个form: XHTML 代码如下: 标题: 内容: 提交 上面是一个需要提交内
Jquery提交表单之ajaxSubmit()方法
jquery插件form.js方法ajaxSubmit异步提交表单文件
jQuery使用ajaxSubmit()提交表单
一 。需要jquery.form.js插件中的方法  ,引入这个插件 二  form表单     标题:     内容:     提交 三 区别 通常情况通过按钮提交表单 ,页面会跳转到action指向的页面 ,如果不想要页面跳转 保持在当前页面的话 就可以用ajaxSubmit() 四 function submit(){
ajaxSubmit、ajaxSubmit添加额外数据
var options = { async: false, data:{"name":"name"}, success: function (data) { //resultVO为自用方法 resultVO.checkCode(data, function (data) { if(data){ log("保存成功"); ...
ajaxSubmit局部刷新
网上很多ajaxSubmit局部刷新的例子,很多没有附带jquery-form.js的下载链接 该例子实现文件上传ajaxSubmit提交局部刷新页面返回结果 不能选0分 所以给1分
使用$().ajaxSubmit({})进行表单提交
1.需要引入jquery-form.js 2.如果引入了还提示$(...).ajaxSubmit is not a function         (1)确保jquery-form.js没被拦截,正常加载         (2)若使用了&amp;lt;jsp:include&amp;gt;等标签包含其他页面的话,查看是否重复引入了一些js文件  ...
ajax上传文件:ajaxSubmit使用
大多上传文件的时候,都是使用表单的方式进行提交的。 使用form表单上传文件,也有很多种方式:        1、界面上直接使用submit按钮提交。这种方式可以实现效果但是没有success事件。即,可以上传文件,但是没有反馈信息。        2、使用jquery的form方法提交表单,这种提交方式,可以对表单指定 onSubmit、success、error事件。这种方式会更加友好一些
使用ajaxsubmit的target参数
提交成功后对使用innerhtml对页面进行了修改,然后再对页面进行保存时,获取不到新增的元素;如果将formreset属性设为true则可以获取的到,但是一些不是form在加载时就存在的值会被清掉,我的问题是1.target参数设置到底有什么用,不是用来更新指定元素的吗2.reset的机制是怎样的,我想把reset设为false,然后自己定义reset的范围
使用ajaxSubmit上传文件总结
一、使用步骤 ①引入文件 &lt;script type="text/javascript" src="js/jquery-1.11.3.min.js" &gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery.form.js" &gt;&lt;/script&gt; ②html部分 A、写一个上传的按钮 &lt;d...
ajaxSubmit 提交使用的文件
ajaxSubmit 提交使用的文件,解决form提交后导致重复提交数据问题
ajaxSubmit问题求解
ajaxSubmit提交表单,之前一直没有问题,后来突然不能提交了,经过反复排除,最后发现只要把URL的长度改短一点点就可以了,问题是之前用同样的URL就没有问题啊,很纳闷,不知道为什么,求高人解答!
关于ajaxSubmit使用问题
话不多说,先粘贴一段代码 var options = {                         type:'POST',                         url:'/download/insertUpload.do',                         success: function(data) {
ajaxSubmit的使用总结
开发中遇到一些问题,需要用到表单异步提交,但是使用jquery中的.serialize()方法一直报错,并找不到原因,所以就决定使用ajaxSubmit。 需要引入一个jquery.form.js的js库: 资源地址:https://download.csdn.net/download/github_39557053/10298572 &lt;script src="lib/jquery...
ajaxsubmit上传文件
html:rn rn rn rn rnrnjs:rnfunction upload_Vedio() rn var url = "http://1.1.1.1/KindEdit/handler/MyHandler.ashx&Random="+Math.random().toString();rn $("#vedio").ajaxSubmit(rn url: url,rn type: 'POST',rn success: function (data) rn alert(data);rn ,rn error: function () rn alert("dddd");rn rn );rn rnrnashx:rnpublic void ProcessRequest(HttpContext context)rn rn context.Response.ContentType = "text/plain";rn vedioSavePath = ConfigurationManager.AppSettings["vedioSavePath"];rn method = context.Request["method"];rn switch (method)rn rn case "uploadVedio":rn string name = context.Request["vedioName"];rn HttpPostedFile datafile = context.Request.Files["vedio"];rn uploadvedio(name, datafile);//保存数据 没问题rn context.Response.Write("ffff");rn break;rn rn rnrn问题有两个(注:文件能够上传成功):rn1,function(data)中的data不是ashx中的“ffff”rn2,当修改URL地址时,始终执行的是success
AJAXSUBMIT跨域问题
今天遇到ajaxsubmit跨域问题,找了许多资料都是写jsonp或者引用远程js的方法,但是这些只是支持get请求,post请求无能为力,用firefox浏览器查看控制台提示Access-Control-Allow-Origin头没有设置,我抱着试试看的心态试试,没想到在代码中加上 response.addHeader(&quot;Access-Control-Allow-Origin&quot;,&quot;*&quot;); ...
ie8 ajaxSubmit上传文件提示下载和提交表单两次
后台用springMVC,方法定义如下: public @ResponseBody FeedResult saveOrUpdateWorks(AddForm form, HttpServletRequest request, HttpServletResponse response) {//逻辑} ie系列会提示下载 提示下载解决办法1:
关于使用ajaxSubmit来上传图片
列子如下 文件要引入 $("form.user_data_submit").ajaxSubmit({ url:"User_data_edit", type:"post", dataType:"json", async:false, success:function(data){ if(data.result==true){ $loading.
ajaxSubmit在ie10下无效
jQuery Form的问题,请问怎么解决
Jquery ajaxSubmit的问题
使用 ajaxSubmit进行表单提交的时候,提交前进行了简单验证,然后提交,(假设故意让改验证不通过,即让username为空),结果提示“Username is required!”出现了N多次,不知道为什么,这感觉就是重复重复重复。。。提交啊,怎么会这样rnrn代码:rn[code=HTML]rnrnfunction showRequest(formData, jqForm, options)rnrn var queryString = $.param(formData);rnrn var thisForm = jqForm[0];rn var loginName = thisForm.username.value;rn if (loginName == '')rn rn alert("Username is required!");rn rn return false;rn rn return true;rnrnrnfunction submitForm(thisForm)rnrn var options = rn target: '#loginForm',rn beforeSubmit: showRequest,rn success: showResponse,rn error: showError,rn rn url: 'login.ns.module/loginAction.action',rn type: 'post',rn dataType: 'html',rn clearForm: true,rn resetForm: true,rn rn timeout: 3000rn ;rn rn $(thisForm).submit(function()rn rn $(thisForm).ajaxSubmit(options);rn rn return false;rn );rnrnrn//-->rnrnrnrn rn 用户:rn 密码:rn rn rnrnrnrn[/code]
ajaxsubmit提交的问题
使用ajaxsubmit提交表单,第一次是异步,但点击第二次的时候就变成了同步提交,什么原因,能否解决?rn前端代码rn [code=html] rn 用户信息rn rn rn 部门:rn rn rn rn rn rn rn rn rn rn rn rn [/code]rn [code=javascript]$('#myFormId').submit(function() rn $(this).ajaxSubmit(rn //表单提交成功后的回调rn success: function(responseText, statusText, xhr, $form)rn alert(1); rn rn ); rn //阻止表单默认提交事件rn return false; rn );[/code]rnjava代码rn[code=java]@Action(value="saveUser",results=@Result(name=SUCCESS,type="json",params="root","gridData"),@Result(name=ERROR,location="/error.jsp"))rn public String saveUser()rn if(userinfor!=null)rn userService.saveUser(userinfor);rn rn gridData.clear();rn return SUCCESS;rn [/code]rn 网络监测结果rn[img=https://img-bbs.csdn.net/upload/201707/19/1500433927_969885.jpg][/img]
form表单验证(使用ajax和ajaxSubmit)
form表单验证(使用ajax和ajaxSubmit) 本博客由本人做项目时碰到的bug,解决后所写为了警示自己,同时希望能对别人有所帮助: 引入JQuery_form.js &amp;amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;${ctxStatic}/jquery/jquery.form.js&amp;quot;&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;
ajaxSubmit提交数据老是报500错误怎么办
ajaxSubmit提交数据报500错误怎么办 我在使用form表单提交数据过程中调用ajaxSubmit方法提交数据,在浏览器中执行代码,能够跳到ajaxSubmit方法代码,刚执行ajaxSubmit方法代码它没有跳转到控制器方法而是开始报 POST http://localhost:5133/MyAccounts/MyAccounts/ApplyEB 500 (Internal Serv...
jQuery使用ajaxSubmit()提交表单示例==引入jquery.form.js插件(专门提交表单)
================ ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件。如下所示: [plain] view plain copy       由于我的是上传文件提交form表单,请求方法放在action里面,我从后台返回的
jQuery.form.js使用ajaxSubmit()提交表单时返回中文乱码的问题
中文出现乱码原因通常为编码设置不一致,使用spring mvc+jQuery.form+jsp时尽量在以下三个地方都显示设置编码类型: Controller:// 在@RequestMapping里设置produces @ResponseBody @RequestMapping(value = "/login", produces = "text/plain; charset=UTF-8") pu
使用jquery.form 的 ajaxSubmit提交表单 时候居然提示下载action
使用jquery.form 的 ajaxSubmit提交表单时候居然提示下载action,我使用json的插件把struts2 action中的数据转换为json格式rnrn代码:rn $("#addSystemUserForm").validationEngine(rn validationEventTriggers:"focusout", rn inlineValidation: true, rn success : false,rn promptPosition: "topRight", rn //failure : function() alert("验证失败,请检查。"); ,//验证失败时调用的函数 rn success : function() //验证成功执行函数rn alert("i am crazy");rn $("#addSystemUserForm").ajaxSubmit(addCallback); rn rn );rnrnrn补充:第一次提交没问题,第二次提交就出现下载action的提示了rn
使用ajaxsubmit提交表单,在ie中提示下载信息
使用ajaxsubmit提交含有文件的表单时,在ie浏览器中提示下载信息。在Firefox和chrome中都能正常运行,截图如下:[img=https://img-bbs.csdn.net/upload/201409/01/1409553513_311638.jpg][/img]。 网上说在ajaxSubmit提交表单的配置里面,增加一个参数,服务器端判断是否是ajaxSubmit提交过来的表单,是的话就返回“text/html”类型的内容,不是就可以返回“application/json”的。rn 没怎么明白,望大神们解答!rnrnrnrn
post和ajaxSubmit提交语句
开发工具与关键技术:VS js、c# 作者:陆桂超 撰写时间:2019年5月7日 想要创建一个web应用程序我们可以用到mvc框架和C#编程语言,在mvc框架的使用中,m代表的是模型,v代表的是视图,c代表的是控制器。那么要想完整的编写出一个web应用程序,我们就需要把模型、视图、和控制器通过语法连接起来,以至于信息间的传递和接收。下面我使用的是vs开发工具,c#编程语言,将要讲解的是提交语句po...
ajaxSubmit表单提交没反应
今天在使用ajaxSubmit提交表单时,表单中有标签,如果file中添加文件就可以上传,如果不添加file文件点击上传,表单不提交,没有反应!!!![图片说明](https://img-ask.csdn.net/upload/201703/30/1490846551_984504.png)求大神指导
急~ajaxSubmit 返回值问题
情况是这样的,有一个a方法,用了ajaxSubmit, b方法需要根据a方法执行是否成功来执行另一个ajax。现在的问题是ajaxSubmit返回值取不到。rn代码如下rnfunction a(btnflag)rn var taskid=$("#taskid").val();rn var result="";rn var options = rn url:'<%=contextPath%>/upload!doUpload.action', //同action rn data:'con.khbm':khbm,rn 'con.tasknum':taskid,rn dataType : 'json',rn type:'post',rn success:function(data) rn [color=#FF0000] 这块的result 就是接口的返回值。用return并不好使rn var mess = data.msg;rn result =data.success;rn if(!result)rn $.messager.alert('提示',mess,'info'); rn rn return result;[/color] rn ,rn complete: function(data)rn rn ,rn error: function(xhr,status,msg)rn $.messager.alert('提示','出错了','info'); rn rn ; rn if(btnflag=="fd")rn [color=#FF0000] $("#fdUploadForm").ajaxSubmit(options); 好奇点在这 我var了个变量去接收执行ajaxsubmit方法返回结果是个object,这个object可以往下取到success里的值么?[/color]rn rn if(btnflag=="ss")rn $("#ssUploadForm").ajaxSubmit(options);rn rn
ajaxForm与ajaxSubmit的奇怪问题
rn rn rn[color=#FF0000]为什么用ajaxForm不能执行(弹出ko),用ajaxSubmit就可以呢?rn但IE8ajaxSubmit又有问题。[/color]rn请高手说说,谢谢!!!
ajaxSubmit多文件上传用的包
ajaxSubmit多文件上传用的包
jquery.form ajaxSubmit问题
异步上传文件,使用了jquery.form ajaxSubmit,提交后,后台接受不到请求rn[code=html]rn rn rn rn 内容: rn 文件:rn rn rn rnrn[/code]rnrn后台代码:rn public void ProcessRequest(HttpContext context)rn rn context.Response.ContentType = "text/plain";rn int count = context.Request.Files.Count;rn string name = context.Request["filename"];rn HttpPostedFile hf = context.Request.Files["fileUp"];rn string fileName = DateTime.Now.ToString("yyyMMddHHmmss") + Path.GetExtension(hf.FileName);rn string url = context.Server.MapPath("~/Files/");rn hf.SaveAs(url+fileName);rn context.Response.Write("\"status\":\"1\"");rn
post与ajaxSubmit上传的区别
传文件用ajaxSubmit $(&quot;#holidayForm&quot;).ajaxSubmit({ type: 'post', url: method, data: '#holidayForm', dataType: 'text',//返回来的数据格式 beforeSubmit: function(formData, jqForm, options) { ...
异步上传图片-ajaxSubmit提交-Poison
异步上传是一个很蛋疼的问题,今天就来说说异步上传的故事 第一步 引入ajaxSubmit这个js插件 &lt;!--异步提交图片--&gt; &lt;script src="__PUBLIC__/js/jquery.ajaxSubmit.js"&gt;&lt;/script&gt; 这时候开始页面处理 &lt;input type="file"...
ajaxsubmit与fileupload完成上传文件
已经是第二次用ajaxsubmit上传文件了,还是遇到很多问题,纠结一上午总算弄出来了。 1. java需要导入的jar包 commons-fileupload-1.2.jar-MultiPartHttpServletRequest commons-io.jar–没有这个包会报错 java.lang.ClassNotFoundException: org.apache.commons.io
SpringMVC+jQuery(ajaxSubmit) 异步上传图片
NULL 博文链接:https://lijiejava.iteye.com/blog/2089271
ajaxSubmit上传文件IE解析
ajaxSubmit上传文件IE解析
ajaxSubmit异步提交
完成数据检查,form数据拼装,ajax异步提交数据,提交不刷新页面。 jQuery(document).ready(function() { /* Fullscreen background */ $.backstretch("images/login_backgroud.jpg"); /* Form validat
ajaxsubmit回调函数执行问题
我用$("form1").ajaxsubmit()提交表单进行上传文件,提交之后在ashx文件里代码运行的没问题,直到最后 context.Response.Write(data)时也没有错误,但是ashx返回值后在页面执行回调函数时一直执行error里定义的函数,而不去执行success里定义的函数,我想肯定是有错误,但是怎么去查看这个错误呢?下面贴代码rn此为页面js代码rn[code=javascript]rnfunction uploadDoc() rn if ($("#fuldDoc").val() == "") rn $("#lblTip").text("请选择要上传的文件");rn else rn $("#form1").ajaxSubmit(rn type: "post",rn url: "../ashx/UploadHandler.ashx",rn dataType: "json",rn data: "filename": $("#fuldDoc").val() ,rn success: function (data) rn if (data.status == 0)rn $("#txtDoc").val(data.url);rn $("#lblTip").text(data.msg);rn ,rn error: function () rn $("#lblTip").text("系统出现错误,请联系管理员");rn rn );rn rn rn[/code]rn此为ashx相关代码rn[code=csharp]rn public void ProcessRequest(HttpContext context)rn rn context.Response.ContentType = "application/json";rn string data = string.Empty;rnrn string filename = HttpContext.Current.Request["filename"];rn if (!string.IsNullOrEmpty(filename))rn rn int index = filename.LastIndexOf('.');rn string fileType = filename.Substring(index).ToLower();rn if (fileType.Equals(".doc") || fileType.Equals(".docx"))rn rn string fileNewName = System.DateTime.Now.ToString("yyyyMMddHHmmss") + fileType;rn string filePath = HttpContext.Current.Server.MapPath("/upload/file/" + System.DateTime.Now.ToString("yyyy-MM-dd") + "/");rn if (!Directory.Exists(filePath))//判断文件夹是否存在,若不存在则创建文件夹 rn Directory.CreateDirectory(filePath); //创建文件夹 rn string fileUrl = filePath + fileNewName;rnrn HttpPostedFile upfile = context.Request.Files["fuldDoc"];rn upfile.SaveAs(fileUrl);rn string temp = BasicPage.BecomeVirtualPath(fileUrl);rn data = "\"status\":0,\"msg\":\"上传成功\",\"url\":\"" + temp + "\"";rn rn elsern data = "\"status\":1,\"msg\":\"文件格式不正确,必须是.doc或.docx格式的\"";rn rn context.Response.Write(data);rn rn[/code]rn这代码写的是没问题的,文件上传成功了,在文件夹里有的,但它就是不会执行success里的函数。rn大家帮忙看看。哪里有问题?
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件