Question

我有一个带有ajax填充自动填充字段的页面，如果需要额外添加自动填充，基于用户selctind在（'mainForm'）上添加new我会弹出一个模态表单（'subForm'）在其中输入新数据，使用经典asp通过ajax帖子在服务器上进行处理，然后我想将结果数据（数据库插入后返回的两个字段，locId和locName）传递回原始形式。

原始表格

<form method="post" action="default.asp" name="mainForm" id="mainForm">

 .... rest of form ....

  <label for="locName">Location (autocomplete): </label>
  <input type="text" name="locName" id="locName" value="locName"/>
  <label for="locId">Location Id: </label>
  <input type="text" name="locId" id="locId" value="locId"/>
  <input type="submit" name="sub" id="sub"  value="sub"/>
</form>

模态表格

<form name="subForm" id="subForm" action="default.asp">
  <label for="nme">Name</label><input type="text" name="nme" id="nme" />
  <label for="pcd">Postcode</label><input type="text" name="pcd" id="pcd" />
  <input type="submit" name="sub2" id="sub2"  value="sub2"/>
</form>

然后在ajax提交后在服务器上处理模态表单。表单被提交到数据库并创建两个值（id，name） - 我想将这些值传递回原始表单

到目前为止

Jquery

$(document).ready(function() {
  var $form = $('#subForm');     
  $form.submit( function() {
    $.ajax({ 
      beforeSend:function(response){$("#locName").val("loading...");},
      cache:false,
      data: $(this).serialize(), 
      type: $(this).attr('method'), 
      url: $(this).attr('action'),

// this is the bit I need help with  

      success:function(response){
        $("#locName").val(response); // populate original form
        $("#locId").val(response); // populate original form
      },
// ---------------------------------------------
      error:function(){alert("error")},
      complete:function(){alert("done");}
    });           
  return false;  
});
});

提前致谢

史蒂夫

Answer 1

假设'response'是服务器返回的JSON格式字符串（例如"{locName:'Groenland', locId:'212'}"）：

success:function(response){
    //You need to first parse JSON data:
    var data = jQuery.parseJSON(response);

    //Then fill the original form
    $("#locName").val(data.locName); // populate original form
    $("#locId").val(data.locId); // populate original form
}

Jquery Ajax在两个表单之间传递数据

1 个答案: