zoukankan      html  css  js  c++  java
  • ajax表单提交

    HTML代码:

    <form id="formCity" action="/SiteMap/Search" method="get" onsubmit="return false">
        <div class="form-group">
            <div style="padding: 0; line-height: 30px; float: left; font-size: 16px; ">
                快速查找:
            </div>
            <div class="col-md-3">
                <input id="city_search" name="search" class="form-control" data-provide="typeahead" type="text" value="" required />
            </div>
        </div>
        <input class="btn btn_main_sm" value="搜索" type="submit" onclick="findCity('formCity')">
    </form>

    Js代码:

    <script type="text/javascript" src="/Resource/Scripts/jquery.validate.js"></script>
    <script type="text/javascript" src="/Resource/Scripts/jquery.validate.Extend.js"></script>
    <script type="text/javascript">
        function findCity(formId) {
            var form = $("#" + formId);
            var valid = form.valid();
            var method = form.attr("method");
            var action = form.attr("action");
            var btnSubmit = form.find("[type=submit]");
            var btnText = btnSubmit.val();
            if (valid) {
                $.ajax({
                    type: method,
                    url: action,
                    beforeSend: function () {
                        btnSubmit.addClass('disabled').text("正在查询...");
                    },
                    data: form.serialize(),
                    success: function (data) {
                        if (data.IsSuccess) {
                            location.href = data.Message;
                        }
                        else {
                            alert(data.Message);
                        }
                        btnSubmit.removeClass("disabled").text(btnText);
                    }
                   , error: function (XMLHttpRequest, textStatus, errorThrown) {
                       alert("NetworkError:" + XMLHttpRequest.status + " " + XMLHttpRequest.statusText)
                       btnSubmit.removeClass("disabled").text(btnText);
                   }
                })
            }
    
        }
  • 相关阅读:
    我的第一个博客在博客园安家了,哈哈~欢迎大家光临
    JS未设置对象问题解决方案
    关于Oracle的优化
    USACO 1.2 Milking Cows
    C语言的文件操作 freopen
    USACO 1.2 Palindromic Squares
    USACO 1.1 Broken Necklace
    ACM征程再次起航!
    USACO 1.3 Barn Repair
    USACO 1.2 Transformations
  • 原文地址:https://www.cnblogs.com/genesis/p/5775486.html
Copyright © 2011-2022 走看看