Javascript 如何从表单中获取数据并通过文本中的变量加载php

Javascript 如何从表单中获取数据并通过文本中的变量加载php,javascript,php,jquery,html,Javascript,Php,Jquery,Html,如何通过点击按钮从表单中获取数据并通过文本中的变量加载php 我的代码: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#GEPLeach").click(function(){ $("#EPLeach").hide();

如何通过点击按钮从表单中获取数据并通过文本中的变量加载php

我的代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
    $("#GEPLeach").click(function(){
        $("#EPLeach").hide();
        $("#EPLeached").show();
        $.get("lc.php", function(data){document.getElementById("EPLeached").innerHTML=data;});
    });
});
</script>

<form id="EPLeach">
<input name="type" type="radio" value="keyword" checked>
<input name="type" type="radio" value="URL">
<input type="text" name="input">
<input id="GEPLeach" type="submit" value="Leach">
</form>
<textarea id="EPLeached" hidden></textarea>

$(文档).ready(函数(){
$(“#GEPLeach”)。单击(函数(){
$(“#EPLeach”).hide();
$(“#EPLeached”).show();
$.get(“lc.php”,函数(数据){document.getElementById(“EPLeached”).innerHTML=data;});
});
});

使用第二个参数将表单值作为参数发送到
$.get()

您还需要使用
event.preventDefault()以防止表单正常提交,或将按钮更改为
type=“button”

$.get("lc.php", $("#EPLeach").serialize(), function(data) {
    $("#EPLeached").html(data);
});