当前位置: 首页 > 面试题库 >

用jQuery动态填写表单值

沈子实
2023-03-14
问题内容

我知道如何使用纯PHP来做到这一点,但是我需要在不重新加载页面的情况下做到这一点。无论如何,jQuery是否可以有效地拉回一些数据库结果(基于用户在表单的第一个文本字段中输入的内容),然后使用从db查询中拉回的数据填充其余的字段?

从本质上讲,我希望用户离开文本字段(通过跳出或单击下一个字段)而离开,然后使用该字段中输入的值提交查询,然后使用w /重新加载页面。

我熟悉jQuery的基础知识,但是我没有用它来做类似的事情,在该过程中,我从服务器中拉回数据并尝试在客户端填充它。

任何有关如何最好地开始使用此方法的建议/示例,将不胜感激。谢谢。

  • 尼古拉斯

问题答案:

假设此示例HTML:

<input type="text" name="email" id="email" />
<input type="text" name="first_name" id="first_name" />
<input type="text" name="last_name" id="last_name" />

您可以使用以下javascript:

$("#email").bind("change", function(e){
  $.getJSON("http://yourwebsite.com/lokup.php?email=" + $("#email").val(),
        function(data){
          $.each(data, function(i,item){
            if (item.field == "first_name") {
              $("#first_name").val(item.value);
            } else if (item.field == "last_name") {
              $("#last_name").val(item.value);
            }
          });
        });
});

然后,您只有一个PHP脚本(在本例中为lookup.php),该脚本在查询字符串中包含一封电子邮件,并返回一个JSON格式的数组以及您要访问的值。这是实际访问数据库以查找值的部分:

<?php
//look up the record based on email and get the firstname and lastname
...

//build the JSON array for return
$json = array(array('field' => 'first_name', 
                    'value' => $firstName), 
              array('field' => 'last_name', 
                    'value' => $last_name));
echo json_encode($json );
?>

您需要做其他事情,例如清理电子邮件输入等,但是应该使您朝着正确的方向前进。



 类似资料:
  • 问题内容: 在ASP .NET MVC Razor视图中,我有一个下拉列表,如下所示: DeviceModelList只是一个SelectList。 如何根据客户端操作(例如单击按钮或使用Javascript / jQuery/Ajax进行的其他下拉选择)动态填充DeviceModelList? 问题答案: 您可以将此下拉列表局部化: 然后在主视图中将其包含在某个容器中: 那么您可能会有一个控制器

  • 我有一个基于XFA的pdf表单,我们需要使用java来填充它。你能建议最好的方法吗。我能够使用iText为pdf生成xfa xml。 我有从上面的代码生成的Pdf和Xfa XML。你能不能建议我如何继续下去,因为我似乎没有主意了。我试图检查XFA文档,但似乎不对。我没有xml,pdf非常复杂,因为它有许多字段,是一个动态XFA pdf表单。 您的帮助和建议将受到衷心的感谢。

  • 考虑到字段名称结构可能发生了变化,我尝试像第一次那样阅读format/fields。(代码如下)。但是,现在它告诉我没有要读取的字段()。 所以,我开始做一些搜索,并找到了参考另一种类型的PDF结构,他们可以切换到;XFA.老实说,我还没有找到任何令人满意的文档/示例,但我确实找到了一些代码,看起来应该可以在XFA PDF的结构中阅读。(代码如下)。我尝试了两种不同的方法。第一个基本说明XfaFi

  • 问题内容: 我想知道如何使用JSON填充表单吗? 我有一个使用php的JSON字符串, 并且我想使用JSON字符串填充表单控件(例如textarea或文本输入)。 我如何不使用外部插件(例如jQuery populate插件,我就看到了)来实现这一目标。 编辑:JSON格式: 这就是我从json_encode()得到的 问题答案: 此处存在问题,然后将其更改为开关值 使用它来为许多控件分配值:

  • 问题内容: 是否有PHP库可用于填写PDF表单,然后将其保存(展平)为PDF文件? 问题答案: 这里提到的库和框架很好,但是如果您只想填写一个表格并将其展平,我建议您使用命令行工具pdftk(PDF工具包)。 您可以从php调用命令行,命令是 formfile.pdf fieldinfo.fdf outputfile.pdf 您将需要查找FDF文件的格式,以便生成填写字段的信息。这是一个很好的链接

  • 代码: 这段代码没有异常,一切似乎都很好,但是如果我打开填充的pdf,Adobe Reader会说这样的话: 此文档启用了扩展功能。此文档自创建以来已更改,无法再使用扩展功能。 有些字段填写正确,但我无法编辑。某些字段为空。若我通过单击Adobe Reader中的“导入数据”手动选择xml,则表单填写正确,所以我猜xml中并没有错误。