Question

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

Answer 1

首先，我认为最好是正确理解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
});

Answer 2

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

自动填充表单值Js

2 个答案: