JQuery Ajax - 在打开模态之前提交数据过滤器

时间:2014-09-12 13:07:40

标签: javascript jquery html ajax twitter-bootstrap

我有一个html.beginform,用于在提交时过滤一组数据,还有一个单独的表单,用于打开显示过滤结果的模态。而不是单击按钮提交过滤器,然后另一个加载模式我想使用jquery / ajax从一个按钮做两个。这是我到目前为止所拥有的......

过滤表单:

@using (Html.BeginForm("Index", "Home", FormMethod.Get))
   {
      <p>
       @Html.TextBox("filtername")
       <input type="submit" class="btn btn-success" value="Filter" />
      </p>
   }

过滤器控制器方法(主页/索引)

public ActionResult Index(string filtername)        
    {             
        var filterresults = from m in db.UserInfoes
                            select m;

        filterresults = filterresults.Where(x => x.UserCode.ToString().Contains(filtername)).OrderBy(x => x.UserCode);
        CheckDownloaded();
        return View(filterresults);
    }

开放式模式:

<form id="formid">
   <label for="platform" class="control-label">Enter Code, IMEI or Phone Number:</label><br />
   <input type="text" class="form-control" id="theCode" name="filtername" placeholder="Please Enter Code" />
   <input type="submit" class="btn btn-success" value="Go" />
</form>

Open Modal JQuery / Ajax: (目前打开模态但数据尚未提交,因为表格未显示。)

$("#formid").submit(function () {
        $.ajax({
            url: "Home",
            data: $(this).serialize()
        }).done(function (response) {                
            $('#basicModal2').modal('show');
        });
        return false; // prevent the form submission
    });

那么在打开模态之前,如何让Open Modal Form执行html.beginform的操作呢? (只有使用1个文本框/按钮才能执行这两个操作?有人可以解释一下我以前从未使用过ajax吗?

0 个答案:

没有答案