Question

我有一个名为page2.php的网页。它有一个允许您通过jquery ajax调用搜索的表单。代码如下。我的问题是，我在page1.php上有不同的表格。如何在page1.php上提交表单以转到page2.php，并使用page2.php表单中的数据让它执行下面的page1.php代码？我知道这很可能很简单，现在有一个脑屁。

$(function() {
    $.validate({
        form: '#form_search',
        validateOnBlur: false,
        errorMessagePosition: 'top',
        onSuccess: function(form) {
            var formval = $(form).serialize();
            var formurl = '/page2.php?a=search';
            $('#form_results').html('<div class="form_wait_search">Searching, please wait...<br><img src="/images/search-loader.gif"></div>');

            $.ajax({
                type: 'POST',
                url: formurl,
                data: formval,
                success: function(data){
                    var json = $.parseJSON(data);
                    $('#form_errors').html(json.message);
                    $('#form_results').html(json.results);
                }
            });
            return false;   
        }   
    });
});

更新这是我提到的表格。

在page1.php上，这就像右侧栏上的模块。只是我要发布到page2.php

的表单

<div class="scontent_box1">
  <strong class="box_title"><i class="fa fa-search fa-flip-horizontal"></i> Find Locations</strong>
  <form method="post" action="/page2.php">
    <div class="form-group">
      <label>Street Address</label>
      <input type="text" class="form-control" name="ad" placeholder="Enter Street Address...">
    </div>
    <div class="form-group">
      <label>City, State or Zip Code</label>
      <input type="text" class="form-control" name="ct" placeholder="Enter City, State or Zip Code...">
    </div>
    <button type="submit" class="btn btn-default blue_btn">Search</button>
  </form>
</div>

现在这里是page2.php上执行上述ajax代码的表单。我希望page1.php提交到page2.php并在上面调用相同的jquery代码。

<div class="row no_gutters">
  <div class="search_page">
    <div id="form_errors"></div>
    <form method="post" id="form_search">
      <div class="form-group">
        <label for="ad">Street Address<span class="reqfld">*</span></label>
        <input type="text" class="form-control" data-validation="required" id="ad" name="ad" placeholder="Enter Street Address..." value="">
      </div>
      <div class="row">
        <div class="col-md-12">
          <div class="form-group">
            <label for="ct">City, State or Zip Code<span class="reqfld">*</span></label>
            <input type="text" class="form-control input-sm" data-validation="required" id="ct" name="ct" placeholder="Enter City Name..." value="">
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-4 col-xs-12">
          <button type="submit" class="btn btn-default blue_btn btn-block">Search Locations</button>
        </div>
        <div class="col-md-8"></div>
      </div>
    </form>
  </div>
  <div id="form_results"></div>
</div>

如何使用jquery中的ajax调用将页面上的表单提交到不同的页面

0 个答案: