如何通过javascript将输入字段的值发送到php文件并获取返回的值
How to send a value of a input field through javascript to a php file and get the values returned
我有这个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 结果的div 中显示它。
从您的评论中可以看出,您需要知道如何执行 AJAX。在jS部分使用jQuery和一些提示:
$('#region').mouseout(function() {
$('#result').fadeOut();
$.ajax({
url: window.location.href+"api/user/"+$(this).val(),
dataType: "html"
}).done(function(data) {
$('#result').fadeIn();
$('#result').text(data);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
相关文章:
- 如何在php文件中获取$.post-ajax传递的值
- Javascript运行php文件,然后下载文件
- 通过Ajax将JavaScript函数传递给PHP文件
- 我想使用模态通过php文件发送邮件,并且我希望在提交关闭后关闭pop
- 通过ajax到php文件获取单选按钮值
- 每天用javascript包含不同的php文件
- 如何使用javascript调用Php文件
- 如何使用php文件中的GET来获取我在.js文件中声明的变量
- 在CodeIgniter视图中将Javascript或jQuery代码作为PHP文件编写可以吗
- 从表单中动态生成一个字符串,传递给通过AJAX加载的PHP文件
- 包括php文件和几个js文件
- 将JavaScript变量传递到HTML输入框和(在PHP文件中使用)
- PHP文件没有't从Javascript应用程序获取$_POST
- 如何显示由ajax调用运行的PHP文件的echo
- 如何将php变量从php文件传递到js文件
- 如何使用javascript/jquery将变量从一个PHP文件传递到另一个PHP文件
- 在同一主机上对PHP文件使用XMLHTTP请求的Javascript违反了同源策略
- 通过Wordpress中的jquery调用运行php文件
- 通过Javascript调用php文件
- 如果($_SERVER[“REQUEST_METHOD”]=“POST”)条件在ajax调用不同的php文件进行验证和提