jQuery keyup在最新的Chrome/IE/Opera上不起作用
其思想是每当用户在文本框中输入字符串时填充数据库。这适用于Safari和Firefox,但不适用于IE、Chrome和OperajQuery keyup在最新的Chrome/IE/Opera上不起作用,jquery,google-chrome,keyup,Jquery,Google Chrome,Keyup,其思想是每当用户在文本框中输入字符串时填充数据库。这适用于Safari和Firefox,但不适用于IE、Chrome和Opera $('.inputClass').on('keyup',function(){ $.ajax({ url : 'update.php', type : 'post', da
$('.inputClass').on('keyup',function(){
$.ajax({
url : 'update.php',
type : 'post',
data : $('#MyForm').serialize(),
cache : false,
success : function(html) { /*any other stuff*/ }
});
return false;
});
在上面的代码中,如果使用Safari和Firefox,而不是IE、Chrome和Opera,则会更新数据库。我如何使它适用于所有主要浏览器?我使用的是jquery版本1.10.2。谢谢
编辑:
下面是HTML和PHP的基本外观:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Enqs</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<form id="MyForm">
<input type="text" class="inputClass" name="qty" id="qty" size="5" />
</form>
<script>
$(function(){
$('.inputClass').on('keyup',function(){
$.ajax({
url : 'update.php',
type : 'post',
data : $('#MyForm').serialize(),
cache : false,
success : function(html) { /*any other stuff*/ }
});
return false;
});
});
</script>
</body>
</html>
Enqs
$(函数(){
$('.inputClass')。在('keyup',function()上{
$.ajax({
url:'update.php',
键入:“post”,
数据:$('#MyForm')。序列化(),
cache:false,
成功:函数(html){/*任何其他内容*/}
});
返回false;
});
});
下面是update.php文件(一个简单的MySQL更新):
确保jquery代码在document.ready()…看看这个,可能对我的chrome@Kartikeya中的youWorks有用是的,这些代码在$(function(){…})中@ZeeTee是的,您在JSFIDLE中的代码也可以在我的Chrome中使用。但不是我用来更新数据库的代码。
<?php
$qty = $_POST["qty"];
$qpd = "UPDATE tbl_name SET qty='{$qty}' WHERE id='9'";
@mysql_query($qpd,$GLOBALS["dbconn"]);
?>