如何使用AJAX获取输入字段的值并将其传递给PHP字符串？

Question

我是JavaScript新手,所以原谅我缺乏知识.

我正在尝试对联系表单进行编码,并希望在访问者使用AJAX输入的值时将输入的值输入特定的输入文本字段,并将其传递给PHP字符串,以便我可以根据值显示相关信息在点击提交按钮之前输入.

我怎么能用jQuery做到这一点？

以下是我用于表单的代码:

<form method="post" action="">
<input type="text" id="name" name="name" />
<input type="text" id="email" name="email" />
<input type="text" id="subject" name="subject" />
<input type="text" id="url" name="url" />
<input type="checkbox" id="showdetails" name="showdetails" /> Show URL Details
<input type="submit" value="Submit" />
</form>`

我需要URL输入字段的值传递给php字符串(一旦用户检查showdetails checkbok),我就可以在后台处理它以显示基于url的信息.

Answer 1

给出这个HTML:

<form method="post" action="">
<input type="text" id="name" name="name" />
<input type="text" id="email" name="email" />
<input type="text" id="subject" name="subject" />
<input type="text" id="url" name="url" />
<input type="checkbox" id="showdetails" name="showdetails" /> Show URL Details
<input type="submit" value="Submit" />
</form>

jQuery(复选框)

$(function() {
  $("showdetails").on("click",function() {
    var url = $("#url").val();
    if (url && $(this).is(":checked")) {
      $.get("relevantinfo.php",
        { "url": url },
        function(data){
          // do something with data returned
        }
      );
    }
    else {
      // clear relevant info here
    }
  });
});

接收端:从AJAX中检索POST数据调用PHP