Question

我正在使用PHP和MySQL创建在线访客聊天软件。我想要做的是点击提交按钮

加载页面

提交按钮的ID：发送
访问者ID：vid
id for chat：cid

以下是代码发出的Ajax请求的代码片段，但它无法正常工作。我在代码中放了一些警告，以测试函数是否正常工作，但函数不起作用。

请帮帮我。任何其他方法也被接受

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("#send").click(function() {
var cid = $("#cid").val();
var vid = $("#vid").val();
var usermsg = $("#usermsg").val();
var  submitmsg = $("#submitmsg").val();

var dataString = 'cid='+ cid + '&vid=' + vid + '&usermsg=' + usermsg;
alert(datastring);  
$.ajax({
type: "POST",
url: "chat.php",
data: dataString,
success:function(result){
    alert(result);
}});

});
</script>

Answer 1

将您的点击功能包裹在

下

jQuery(document).ready(function($){
  // your click event here
});

Answer 2

将您的代码更改为：

<script type="text/javascript">
    $(document).ready( function() {
    $("#send").click(function() {
    var cid = $("#cid").val();
    var vid = $("#vid").val();
    var usermsg = $("#usermsg").val();
    var  submitmsg = $("#submitmsg").val();

    var dataString = 'cid='+ cid + '&vid=' + vid + '&usermsg=' + usermsg;
    alert(datastring);  
    $.ajax({
        type: "POST",
        url: "chat.php",
        data: dataString,
        success:function(result){
            alert(result);
        }});

    });
});
</script>

如何使用jquery ajax重新加载带有表单内容的div

2 个答案: