关于jquery.form插件,提交表单成功后无法POST数据。

Netplaier Netplaier 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
1、当未成功上传图片时提交表单,参数能正常传递给DO.ASP。
2、当上传图片成功,提交表单,DO.asp无法正常接收值。
3、如此方法行不通,希望能帮我想个解决办法。

高手只要打开运行一试就知道,
http://u.115.com/file/f7648a190c 整理后的演示用的源码下载。

主要的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>后台表单图片Ajax上传演示</title>
<script language="javaScript" type="text/javascript" src="Script/jquery-1.4.4.js"></script>
<script language="javaScript" type="text/javascript" src="Script/jquery.form-2.63.js"></script>

<script type="text/javascript">
function uploadImage() {
options={
url:'upload.asp',
beforeSubmit: showRequest, //表单提交前执行的方法
success: showResponse //当表单提交后执行的函数。
};
$("#myform").ajaxSubmit(options);


function showRequest(){
var upfileVal=$("input[name='filedata']").val();
var msg="";
if(upfileVal=="") msg=msg+"\n请选择上传的图片!";
if(msg==""){
$("#show_put").append(new Date() + '\rMsg: '+'正在上传...\r');
return true;
}
else{
alert(msg);
$("#show_put").append(new Date() + '\rMsg: '+msg+'\r');
return false;
}
}



function showResponse(responseText){
$("#show_put").append(new Date() + '\rMsg: '+'文件上传成功。\r');
$("input[name='picpath']").val(eval("("+responseText+")").msg.url);
$("#show_put").append(new Date() + '\rMsg: 回调参数:'+responseText+'\r');
alert("上传成功!");

}

};
</script>


</head>
<body>
<p>
<b>后台表单Ajax上传演示</b>
<hr />
</p>
<form id="myform" name="myform" method="post" action="do.asp">
标题:
<input name="Title" type="text" id="Title" size="50" />
<p> 图片:
<input name="picpath" type="text" id="picpath" size="50" />
<input name="filedata" type="file" id="filedata" size="30" />
<input name="btn" type="button" id="btn" value="上传" onclick="uploadImage();"/>
</p>
<p> 备注:
<textarea name="comment" cols="80" rows="5" id="comment"></textarea>
</p>
<p>
<input type="submit" name="Submit2" value="提交" />
</p>
</form>
<hr />
结果输出:
<br>
<textarea name="show_put" cols="80" rows="15" id="show_put" style="background:#FFFF99;color:#FF0000"></textarea>
</body>
</html>



...全文

相关推荐

jquery异步提交form表单

NULL 博文链接:https://chenzheng8975.iteye.com/blog/1922970

weixin_38669628

掌握jquery在表单提交中的应用

当处理表单提交时,一个常见的需求是执行某些验证或者处理操作,然后决定是否允许表单以传统方式提交到服务器。通过jQuery,我们可以轻松监听到表单的提交事件,这样便可以在表单数据提交到服务器之前执行自定义逻辑。// 自定义逻辑代码});上述代码中,$('form')选取了文档中的表单元素,并用.submit()方法为其添加了一个提交事件监听器。当表单触发提交事件时,传入的函数将被执行。事件监听器中的event参数是事件对象,包含了提交事件的相关信息。

贫僧法号止尘

jquery.form.zip

解决form提交设置header的问题,官网下载有问题,贡献一波资源。

ye_se_cong_cong

使用jquery Ajax实现上传附件功能

用过jquery的Ajax的人肯定都知道,Ajax的默认编码方式是”application/x-www-form-urlencoded“,此编码方式只能编码文本类型的数据,因此Ajax发送请求的时候,会把data序列化成 一个个String类型的键值对,此种传输数据的方式能够满足大部分应用场景,然而当传输的数据里有附件的时候,此序列化机制便是我们的绊脚石。Ajax本身的序列化机制的硬伤归其原因在于在html4的时代,没有FileReader接口,在页面里无法读取File(Blob)文件,用document.getElementById(“文件控件的id”).value只能拿到文件的name,因

weixin_38622962

jQuery.Form实现Ajax上传文件同时设置headers的方法

主要介绍了jQuery.Form实现Ajax上传文件同时设置headers的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下

weixin_38530415
评论 9
收藏 已收藏
分享
返回顶部
Netplaier
JavaScript 87,983 成员 224,681 内容