使用 $.post() 将用户文本发布到服务器

Question

您好，一旦用户键入内容，我会使用 jQuery/javascript 更新我的页面。

<script type="text/javascript">
    $(function () {
        $('button').click(function () {
            var x = $('textarea').val();
            $('textarea').val('');
            $('#test1').append('<div id="test">' + x + '</div>');
            return false;
        });
    });
</script>

<textarea style="border: 0" cols="77" rows="2">Write Something....</textarea>
<button>Post Message</button>
<div id="test1"></div>
</asp:Content>

我尝试使用 $.post() 将用户文本发布到服务器，我不知道如何在处理这些请求的服务器上的 aspx 页面上处理它，并将内容添加到 mysql db？

如果客户端请求更新的页面，则按原样发送页面框架，但使用转发器或其他循环结构从数据库中添加内容。

Answer 1

您需要创建一个服务，然后将您的帖子定向到其中的服务方法。您可以通过该服务方法将数据保存到您的 MySQL 数据库

如果您在用户键入内容时尝试执行此操作，您可能会查看 keypress 事件，尽管 docs 说这可能不支持所有浏览器。

这是我不久前为了这个目的而拼凑的一个小辅助方法：

function runAjax(targetURL, dataInput, success) {
    $.ajax({
        url: targetURL,
        type: "POST",
        contentType: "application/json; charset=utf-8",
        data: dataInput,
        dataType: "json",
        success: success,
        async: true
    });
}

然后：

runAjax("yourService.asmx/ServiceMethod", "{Parameter:" + dataFromYourListBox + "}",
            function(data) {
                //update DOM
        });