Javascript 单击链接后,在jquery弹出框中获取数据库数据

Javascript 单击链接后,在jquery弹出框中获取数据库数据,javascript,jquery,Javascript,Jquery,下面是一个链接,点击后会显示一个弹出框。我将此链接放在php while语句中。因为我需要在管理面板中编辑用户详细信息 <td width="70"><a href="#" onclick="myfunc1('<?php echo $uid;?>');" class="big-link2" data-reveal-id="myModal2"><input type="button" value="Edit Details" class="bu

下面是一个链接,点击后会显示一个弹出框。我将此链接放在php while语句中。因为我需要在管理面板中编辑用户详细信息

<td width="70"><a href="#" onclick="myfunc1('<?php echo $uid;?>');"  class="big-link2"     
data-reveal-id="myModal2"><input type="button" value="Edit Details" class="button" /></a></td>
有了这个ajax功能,我可以得到响应,例如名字、姓氏、年龄、国家、城市等。。作为html输出,不带弹出框。但是我如何将这个结果放到表单上的每个字段中呢

弹出式窗体是这样的


注意:我使用这个插件弹出框

那么,你为什么不在成功函数中做你正在做的事情,而在响应中构建你的html,这样它就能更新你的myModal2。然后您可以调用:$'myModal2'。显示

例如,edit_user_details.php中的html看起来像这样,在表单输入中预先填充值:

<span style="float:right; cursor:pointer;"><a class="close-reveal-modal">&#215;</a></span>
<table width="400px" border="0" cellspacing="5" cellpadding="0" style="float:left;">
  <tr>
    <td>First name</td>
    <td><input type="text" name="fname" class="tr" value="<?php echo $myfirstnamevar ?>"  /></td>
  </tr> 
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="submit" value="Update Details" class="submit_button"/></td>
  </tr>
</table>

在edit_user_details.php页面中,我只是从mysql数据库中获取所有数据,并在该页面上进行回显。在回显这些数据之后,我可以在响应页面(例如UserDetails.php页面)中以html的形式获取所有数据。但是我怎样才能把这些数据放到现场呢?你明白我的意思吗?你想显示模式并更新发送的密码结果的值吗?如果您只是想显示模态,那么请重新格式化userdetails.php以输出模态的html。要将值预填充到输入中,只需在html中设置它的value属性。如果要同时执行这两项操作,则最简单的方法是从userdetails.php中回显json,并在页面上使用用户详细信息。确定如果将数据库值输出为json,则如何将这些值输入html表单字段?如果您的响应包含json,则在成功函数中,您将解析响应对象,然后只更新表单的值。例如,如果您的json对象如下所示:{'fname':'Jane','lname':'Smith','age':'34'}。然后将输入'fname'的值设置为:response.fname,如下所示:$input[name='fname'].valresponse.fname;
<div id="myModal2" class="reveal-modal3" style="width:90%; margin:a auto; color:#FFF;">
<span style="float:right; cursor:pointer;"><a class="close-reveal-modal">&#215;</a></span>
<table width="400px" border="0" cellspacing="5" cellpadding="0" style="float:left;">
  <tr>
    <td>First name</td>
    <td><input type="text" name="fname" class="tr" /></td>
  </tr> 
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="submit" value="Update Details" class="submit_button"/></td>
  </tr>
</table>
</div>
<span style="float:right; cursor:pointer;"><a class="close-reveal-modal">&#215;</a></span>
<table width="400px" border="0" cellspacing="5" cellpadding="0" style="float:left;">
  <tr>
    <td>First name</td>
    <td><input type="text" name="fname" class="tr" value="<?php echo $myfirstnamevar ?>"  /></td>
  </tr> 
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="submit" value="Update Details" class="submit_button"/></td>
  </tr>
</table>
 success: function(response) {
   $('#myModal2').html(response); //insert the html into your modal
   $('#myModal2').reveal(); //'reveal' your modal
 }