Form表单 提交数据的方法

一、submit 提交

在form标签中添加action（提交的地址）和method（post的方法提交），提交表单一般用submit按钮进行数据提交。注意：每个input标签都需要有一个name属性（以键值对的形式） 才能进行提交。

（1）效果图

 

（2）代码部分

<form id="SearchForm" action="" method="post">
      <input class="txt-search" name="search" type="text" placeholder="输入关键词"/>
      <input class="sub-search" type="submit" value="搜索"/>
</form>

submit这种默认的提交方式，一般会进行页面的跳转，不成功跳转到当前页面。

写前端页面，常常会遇到对弹出框进行数据提交，需求：提交成功后关闭弹出框，并且刷新父级页面，数据提交失败则给出提示，且弹出框不关闭。一般这个时候需要用到 “ajax” 进行数据提交。

 

二、ajax提交form表单

    $("#domeForm").submitForm({
        url:"",
        dataType:"text",//返回纯文本字符串
        callback:function(){//Callback 函数在当前动画 100% 完成之后执行。
            endFileUpload();
            data = eval("(" + data + ")");
            alert(data.Content);
            if (data.Result > 0) {
                location.href = data.Redirect;
            }
        },
        before: function () {
            startFileUpload();
            var errMsg = "";
        }
    }).submit();

此时可以在callback函数中对请求结果进行判断，然后执行不同的动作。

 

原地址：http://www.cnblogs.com/Jxwz/p/4509618.html