AJAX 使 Chrome 崩溃

Question

嗯.. 我的问题是我想为我的聊天框使用 ajax，但是每当我尝试将 ajax 用于无重新加载刷新 Chrome/Firefox 崩溃.. 这是我的代码：

/chatlog.php/

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
//<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.0/mootools.js"></script>

<script>
var auto_refresh = setInterval(
function()
{
$.ajaxSetup({ datatype: "html" });
$('#loaddiv').load('chatlog.php');
}, 10000);
</script>

/submit.php/

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        $(".submit").click(function(){
            var message = $("#message").val();
            var dataString = 'message'+message;
            $.ajax({
                type: "POST",
                url: "submit.php",
                data: dataString,
                                async: false,
            });
            /*$message=$_POST['message'];
    $name = $_SESSION['username'];
    $room = $_SESSION['room'];
    $user = $_SESSION['user'];*/
        });    
    });
</script>

Answer 1

$.ajax({
   type: "POST",
   url: "submit.php",
   data: { message : message },
   async: false
});

还将您的 ajaxSetup 放在 setInterval 函数之外。

$.ajaxSetup({ datatype: "html" });

Answer 2

正确传递您的数据，例如：

var dataString = 'message'+message; //Should Be var dataString = 'message='+message; //OR var dataString = {'message' : message };