通过 Js 自动填充表单值答案

【问题标题】：Autofill form values by Js通过 Js 自动填充表单值
【发布时间】：2016-01-15 23:45:33
【问题描述】：

其实我是一名 PHP 开发人员。我的一个项目中需要一点 Js。我曾尝试在 google 中搜索，但很快我发现我实际上并不知道我应该使用哪些术语。而且现在学习整个 Js 是不可能的。我需要的是，当用户点击一个按钮时，Js 将发送一个 API 请求，如http://example.com/?id=56，获取 JSON 编码数据并自动将它们插入到带有输入字段、单选和复选框的表单中。我认为代码会很简单，如果有人可以提供帮助，请做。或者，如果有人至少可以为我指出正确的方向，例如文章或图书馆，那将非常有帮助。提前致谢。

【问题讨论】：

ekhane code cheye 帮助 chaile 提问 kore deya hoy 。 apnake nije theke kisu try kore kothao atke gele er pore jigasa korle valo help paben
javascript kothin kisu na sudhu 语法 e 19 20 .. apnar lagbe javascript er ajax ... google e search den onek easy ar valo article paben .. w3school eo ase
感谢 Anik Islam 的建议。正如我所提到的，我不知道要搜索什么术语，广告我不熟悉 Js。是的，w3schools 很棒。
非常感谢塞缪尔，这正是我所需要的。我知道代码不仅仅用于复制。现在我将搜索并收集有关 $.getJSON 和 find().val() 的更多信息。感谢您准确指出我需要什么。在 Google 上节省了另一个晚上。谢谢
getJSON 是第三方 .. 有时要求不使用第三方。因为这需要 jquery 。那么你可以使用 jquery ajax 。

标签： javascript forms autofill

【解决方案1】：

您可能希望在此次访问here 时使用 AJAX。在这里，您希望从请求的页面发送整个表单。但是，如果您想在同一页面中获取表单中的数据，您可能希望使用 AJAX 和 jQuery。你会得到一些关于它的介绍here。

【讨论】：

【解决方案2】：

首先，我认为最好对javascript有一个正确的理解，而不是在没有真正理解发生了什么的情况下使用代码。

使用 jQuery 的一种方法是 $.getJSON() 方法。可以下载jquery库here。

所以执行你所说的操作的代码是这样的：

$.getJSON( "http://example.com?id=56", function( data ) {
  // data contains the response from the server
  // Assuming data contains:
  // {
  //  "status": "success",
  //  "form_data": {
  //    "fname": "Kendrick",
  //    "lname": "Hanson",
  //    "age": "34",
  //    ...
  //  }
  // }

  // This assumes your form to be filled has a class of "js-filled" on it

  $('form.js-filled').find('.first-name').val(data.form_data.fname); // Fill the input field with class "first-name" with the fname in the response
  $('form.js-filled').find('.last-name').val(data.form_data.lname); // Fill the input field with class "last-name" with the lname in the response
});

【讨论】：