使用Jquery / php显示文本内容而不刷新

时间:2012-03-04 15:45:01

标签: php jquery

我想在不刷新的情况下显示文本框内容,所以我使用了Jquery 我对这部分有问题:name:form.name.value这究竟是做什么的?为什么我有问题?进入时它什么都不会显示

<html>
<head>
<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript">
function get(){
$.post('msql.php',{name:form.name.value},
function(output){
$('#mydiv').html(output).show();
}
);
}
</script>
</head>
<body>
<form name="name">
<input type="text" name="name">
<input type="button" name="but" value="Check" onclick="get();">
<div name="mydiv"></div>
</form>
</body>
</html>

msql.php:

<?php
 echo $_POST['name'];
 ?>

2 个答案:

答案 0 :(得分:0)

试试这个:

$(document).ready(function() {
    $('input[name="but"]').click(function() {
        alert("start");
        $name = $('input[name="name"]').val();
        $.post('msql.php', {
            name: $name
        }, function(output) {
            alert(output);
            $('#mydiv').html(output).show();
        });
        return false;
    });
})

HTML:

<form id="form_name">
  <input type="text" name="name">
  <input type="button" name="but" value="Check">
</form>
<div id="mydiv"></div>

答案 1 :(得分:0)

我认为您的问题出现在.之后的句号(html)中。

应为$('#mydiv').html(output);

此外,你最好还是使用mgraph的解决方案,但删除我刚刚告诉你的那段时间。

我不认为jquery会理解form.name.value是什么,除非你提供了一个像mgraph建议的正确的选择器。