Ajax 聊天机器人

毕业设计开题报告里写了聊天机器人这一模块，对于学的不够好的我，差点没把自己坑进去。。。机智的我动了点小脑筋终于把问题解决了。

这是效果图

关键代码JS ， 主要是通过拼接html 实现的，如果页面刷新了的话， 那就GG了。不过感觉毕业设计应付一下已经够了。

 function addmsg(username, msg) {
        var oldhtml = $("#chat").html();
        if (username == "me：") {
            newhtml = "<div class='me'><span class='userimg'></span><span class='usermsg'>" + msg + "</span></div>";
        }
        else {
            newhtml = "<div class='bot'><span class='robotimg'></span><span class='robotmsg'>" + msg + "</span></div>";
        }
        $("#chat").html(oldhtml + newhtml);
        var scrollTop = $("#chat")[0].scrollHeight;
        $("#chat").scrollTop(scrollTop);
    }

Ajax 方法

 $.ajax({
            type: "post",
            dataType: "text",
            url: "/Chat/ChatContent?msg=" + $("#chatInput").val(),
            success: function (
                addmsg("客服：", data);
                $("#chatInput").css({ "background-image": "none" });
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(XMLHttpRequest.status);
                alert(XMLHttpRequest.readyState);
                alert(textStatus);
            }
        });

Control 内的方法

还是省略掉吧，没调用数据库，或其他什么网上的接口，纯粹为了应付毕业设计用 if..else..判断了一下，并返回值