jquery异步提交form表单,ajax异步提交form表单

使用jquery.form.js 提交包含附件的表单

如果你是想 ajax提交带文件的表单，那真的没法做，

基本都是用iframe模拟 异步提交的···

jquery.form.js 提交带文件的表单，也是 用iframe模拟 异步提交的

$("#btnUpload").click(function () {

8 if ($("#flUpload").val() == "") {

9 alert("请选择一个图片文件，再点击上传。");

10 return;

11 }

12 $('#UpLoadForm').ajaxSubmit({

13 success: function (html, status) {

14 var result = html.replace("pre", "");

15 result = result.replace("/pre", "");

16 $("#image").attr('src', result);

17 alert(result);

18 }

19 });

20 });

[img]

相关问答

Q1: 用jquery如何实现提交表单点击提交之后显示正在上传中，之后显示上传成功的效果？

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script标签，输入jquery代码：

$('button').click(function () {

$('body').append('span正在上传中/span');

setTimeout("$('span').text('上传成功');", 1000);

});

3、浏览器运行index.html页面，点击提交按钮，显示了“正在上传中”。

4、例如过了1秒后变成了上传成功的提示。

Q2: 怎样用jquery的ajax异步提交表单数据

demo如下：

!-- jquery-1.8.3.js --

script type="text/javascript"

function submitDatas(){

    var tname=$("#tname").val();

var tpasw=$("#tpasw").val();

var tcode=$("#tcode").val();

    $.ajax({

        type: "post",

        url: "backAction/getAllDatas",

        data:{"tname":tname,"tpasw":tpasw,"tcode":tcode},//要提交的参数

        async: true,

    });

}

/script

input  type="button" value="异步提交数据" onclick="submitDatas()"

form

  用户名：input type="text" id="tname"br

  全密码：input type="text" id="tpasw"br

  验证码：input type="text" id="tcode"br

/form

Q3: jquery如何实现form提交无刷新返回一个页面

jquery有个ajax方法是实现异步的（就是你所说的无刷新），然后你绑定表单的onsubmit事件，异步访问你要提交的页面，return false（这样本页面就不会提交了），可以实现你所说的form提交无刷新，代码如下

$(document).ready(function() {

//使用jQuery异步提交表单

$('#表单ID').submit(function() {

jQuery.ajax({

url: '要提交的页面',

data: $('#表单ID').serialize(),

type: "POST",

beforeSend: function()

{

//在异步提交前要做的操作

},

success: function()

{

//在异步提交成功后要做的操作

}

});

return false;

});

});