スタックオーバーフローエラー使用時のJQuery/ASP.純簡単にチャットajax
-
05-09-2019 - |
質問
私が作り出してしまおうというものを簡単ajaxチャットJQueryを使うとASP.NET.私のコード作品のようになります:
- のページ負荷で更新のchatbox'div要求のメッセージaspxページでは、取り扱う新たなメッセージからのデータベースおよびキックオフオートリフレッシュのsetTimeout().
- する毎にユーザーがクリックし、"送信"ボタンが追加され、メッセージのデータベース内のメッセージaspx page_loadます。
どんどんスタックオーバーフローエラーからのスタートのタイムアウトが始まり、までお問い合わせください起こす。これはキャッシュ?(粉を山にして真ん中のコードをメッセージaspxできない素その5秒?他の助けがをお願いいたします。
また、僕の心配もsqlインジェクション攻撃なb/cなどは予告なく変更になることができるような作業の簡単なコードです。
こちらは自分のコード:
クライアント側:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
refreshChat();
$("#btnSend").click(function() {
addMessage();
});
return false;
});
function refreshChat()
{
$.get("messages.aspx", function(data) {
$("#chatbox").empty();
$("#chatbox").prepend(data);
});
setTimeout(refreshChat(), 5000);
}
function addMessage()
{
$.get("messages.aspx", {usr: $("#usr").val(), msg: $("#msg").val()} );
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="input">
username: <input type="text" name="usr" id="usr" /><br />
message:<br />
<textarea id="msg" name="msg" rows="5" cols="30"></textarea><br /><br />
<input type="button" id="btnSend" name="btnSend" value="Send" />
</div>
<div id="chatbox"></div>
</form>
</body>
</html>
サーバ側:
using System;
using System.Data.SqlClient;
using System.Configuration;
using System.Collections;
using System.IO;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class messages : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
SqlConnection conn =
new SqlConnection("Data Source=.\\SQLEXPRESS;AttachDbFilename=F:\\Chatter\\App_Data\\messages.mdf;Integrated Security=True;User Instance=True");
conn.Open();
string sql;
SqlCommand comm;
if (Request["usr"] != null)
{
string user = Request["usr"].ToString();
string message = Request["msg"].ToString();
sql = "insert into messages (usr, msg, [date]) values ('"
+ user + "', '" + message + "', '" + DateTime.Now + "')";
comm = new SqlCommand(sql, conn);
comm.ExecuteNonQuery();
}
sql = "select top 5 usr, msg from messages order by [date] desc";
comm = new SqlCommand(sql, conn);
SqlDataReader dr = comm.ExecuteReader();
while (dr.Read())
{
Response.Write(dr["usr"].ToString() + ": <br/>" + dr["msg"] + "<br/><br/>");
}
dr.Close();
conn.Close();
}
}
解決
あなたのjavascriptのrefreshChat機能は、自分自身を再帰的に呼び出しています。コードを変更します:
function refreshChat()
{
$.get("messages.aspx", function(data) {
$("#chatbox").empty();
$("#chatbox").prepend(data);
});
setTimeout(refreshChat, 5000);
}
他のヒント
あなたはそれ以外の場合は、無限再帰とスタックオーバーフローを引き起こし、すぐに評価だ、引用符であなたのsetTimeout関数呼び出しをラップする必要があります:
setTimeout("refreshChat()", 5000);
所属していません StackOverflow