如何通过javascript将输入字段的值发送到php文件并获取返回的值_Javascript_Php_Jquery

如何通过javascript将输入字段的值发送到php文件并获取返回的值

javascript php jquery

如何通过javascript将输入字段的值发送到php文件并获取返回的值,javascript,php,jquery,Javascript,Php,Jquery,我有以下html代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="tex

我有以下html代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
     <form action="test.php" method="get">
        <input type="text" placeholder="City" id="city" />
        <br />
        <input type="text" placeholder="Region" id="region" />
     </form>
     <div id="result"></div>
</body>
</html>


无标题文件

这是我的php代码：

<?php
     $city = $_GET['city'];
     $region = $_GET['region'];
     $result = "You entered " . $city . " and " . $region;
?>

我想立即从php文件中获取$result，并将其显示在带有id result的div中。

从您的评论中可以看出，您需要知道如何使用AJAX。在jS部分使用jQuery和一些提示：

$（“#区域”）.mouseout（函数（）{
$（“#结果”）.fadeOut（）；
$.ajax({
url:window.location.href+“api/user/”+$（this.val（），
数据类型：“html”
}).完成（功能（数据）{
$（“#结果”）.fadeIn（）；
$（“#结果”）。文本（数据）；
});
});
你需要一个提交按钮，这就是我的意思，不必提交@aokaddaoc就可以立即获得结果。点击按钮时，向该php发送ajax请求。这是我唯一想知道的。我觉得你应该多读点书，少问点。。。或者至少要求提供你想要的更多细节。。。