Javascript 如何使用jqueryajax重新加载包含表单内容的div

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

• 提交按钮的id：发送
• 访客id:vid
• 聊天id: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>

$（“#发送”）。单击（函数（）{
var cid=$（“#cid”）.val（）；
var vid=$（“#vid”）.val（）；
var usermsg=$（“#usermsg”）.val（）；
var submitsg=$（“#submitsg”）.val（）；
var dataString='cid='+cid+'&vid='+vid+'&usermsg='+usermsg；
警报（数据串）；
$.ajax({
类型：“POST”，
url:“chat.php”，
数据：dataString，
成功：功能（结果）{
警报（结果）；
}});
});

将单击功能包装在

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

将代码更改为：

<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>

$（文档）.ready（函数（）{
$（“#发送”）。单击（函数（）{
var cid=$（“#cid”）.val（）；
var vid=$（“#vid”）.val（）；
var usermsg=$（“#usermsg”）.val（）；
var submitsg=$（“#submitsg”）.val（）；
var dataString='cid='+cid+'&vid='+vid+'&usermsg='+usermsg；
警报（数据串）；
$.ajax({
类型：“POST”，
url:“chat.php”，
数据：dataString，
成功：功能（结果）{
警报（结果）；
}});
});
});

在我看来很好，所以我们需要你在这里编写php代码。“但它不工作”什么不工作？你能将你的代码粘贴到$（function（）{//paste your code here}）@djidi中吗？无法发出ajax请求，页面未正确重新加载，未将内容发送至聊天室。php@Kapilgopinath一切都很顺利，先生……问题是直到最后一刻