My code
索引.php
<!DOCTYPE html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function() {
$("#verifica").click(function(){
$("#risultati").html("Please wait...");
$.ajax({
type: "POST",
url: "go.php",
data: $("#ciao").serialize(),
dataType: "html",
success: function(msg)
{
$("#risultati").html(msg);
},
error: function()
{
$("#risultati").html("An error occurred.");
}
});
});
});
</script>
<form name="ciao" id="ciao" action="#">
<input type="text" id="zio" name="zio">
<input type="submit" onclick="return:false;" name="verifica" id="verifica" value="go">
</form>
<div id="risultati"></div>
</body>
go.php
<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>
<body>
<script>
$("#zio").focus();
</script>
</body>
应该做什么
当表单通过 jquery 完全提交到 go.php 时聚焦#zio。
什么不起作用
提交表单数据时，#zio 未获得焦点。
我的问题
我该如何修复我的代码？
由于您的 Ajax 代码知道有关输入的所有信息（同一页面），为什么不这样做：
success: function(msg)
{
$("#risultati").html(msg);
$("#zio").focus();
},
您当前的版本有一个子页面了解父页面（不良分离）。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
