绍兴小程序商城开发_JQuery异步提交表单与文件上

摘要: JQuery多线程递交表格与文档提交作用实例 创作者: 本文关键详细介绍了JQuery多线程递交表格与文档提交作用,融合案例方式剖析了jQuery表格递交及文档传送实际操作的有关完成方法...

JQuery异步提交表单与文件上传功能示例     作者:   这篇文章主要介绍了JQuery异步提交表单与文件上传功能,结合实例形式分析了jQuery表单提交及文件传输操作的相关实现技巧,需要的朋友可以参考下

本文实例讲述了JQuery异步提交表单与文件上传功能。分享给大家供大家参考,具体如下:

Jquery.form.js是一个可以异步提交表单及上传文件的插件。

示例如下:

<

 !DOCTYPE html 
 html 
 head 
 title /title 
 meta charset="utf-8" 
 script type="text/javascript" language="javascript" src="js/jquery-1.10.2.js" /script 
 script type="text/javascript" language="javascript" src="js/jquery.form.js" /script 
 script type="text/javascript" language="javascript" 
 $(function(){
 //异步提交表单
 $("#ajaxSubmit").on("click",function(){
 console.log($(this));
 $("#formToUpdate").ajaxSubmit({
 type:'post',
 url:'p.php',
 success:function(data){
 console.log(data);
 error:function(XmlHttpRequest,textStatus,errorThrown){
 console.log(XmlHttpRequest);
 console.log(textStatus);
 console.log(errorThrown);
 /script 
 /head 
 body 
 form id="formToUpdate" method="post" action="#" enctype="multipart/form-data" 
 input type="text" name="t1" br / 
 input type="file" name="f1" br / 
 input id="ajaxSubmit" type="button" value="异步提交" 
 /form 
 /body 
 /html 

p.php

 * Created by JetBrains PhpStorm.
 * User: smeoi
 * To change this template use File | Settings | File Templates.
echo ' pre 
print_r($_POST);
echo ' /pre 
echo ' pre 
print_r($_FILES);
echo ' /pre 

效果图:

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》及《》

希望本文所述对大家jQuery程序设计有所帮助。




联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:电商网站