个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
您好，我是 JavaScript 的新手，正在寻求帮助。我有一个表格，如下所示。当用户提供输入并单击提交时，我想调用一个 php 文件(如下所示)进行调用并返回一个 hello.php 文件。这是我试过的代码，尽管它没有按预期工作。
<html>
<head>
<script type='text/javascript' src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
</head>
<body>
<form>
<input id="name-typed" type="text" />
<input id="name-submit" type="submit" value="submit" onclick="post()"/>
</form>
<div id="result"></div>
</body>
<script>
function post() {
var hname = $('input#name-typed').val();
$.post('dat.php',{name: hname},function(data) {
$('div#result').html(data);
});
}
</script>
</html>
PHP 文件 dat.php 如下所示: <?php echo "hello";?>
在我的第一段中，任何人都可以建议我应该做的任何更改吗？
最佳答案
试试这个:
您可以将 dat.php 更改为:
<?php
$name = $_POST['name'];
echo "Hello ".$name;
?>
然后您的 html 文件将是:
请注意，按钮类型已更改为普通按钮，因此它只执行功能而不是提交表单。
<html>
<head>
<script type='text/javascript' src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
</head>
<body>
<form>
<input id="name-typed" type="text" />
<button type="button" onclick="post()">Submit</button>
</form>
<div id="result"></div>
</body>
<script>
function post() {
$.ajax({
type: "POST",
url: "dat.php",
data: { name: $('#name-typed').val()
},
success: function(response) {
$('#result').html(response);
}
});
}
</script>
</html>
关于javascript - 如何从javascript调用一个php文件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35243139/
24
4
0
我是一名优秀的程序员,十分优秀！