.NET Core下的Socket示例.

 

About.schtml中的代碼

@{
    ViewData["Title"] = "About";
}
<h2>@ViewData["Title"].</h2>
<h3>@ViewData["Message"]</h3>


<script src="/lib/jquery/dist/jquery.js"></script>

@*<input type="button" value="開始監測!" onclick="location.href='@Url.Action("btnBeginListen_Click", "Home")'" />*@

<input type="button" id="btnBegin" name="btnBegin" value="開始監控!" />
<input type="text" disabled id="begin_state" value="" />
<br />
<input type="text" id="id_msg" name="id_msg" />
<input type="button" id="btnSub" name="btnSub" value="發送消息." />
<input type="text" disabled id="id_send_state" value="" />

@*<p>Use this area to provide additional information.</p>*@
<table border="1" width="960" height="50" align="center" style="text-align:center;font-size:15px;">
    <tr>
        <td>序號</td>
        <td>名稱</td>
        <td>服務器地址</td>
        <td>服務器端口</td>
        <td>發送的數據</td>
        <td>接收的數據</td>
    </tr>
</table>



<script type="text/javascript">

    $(document).ready(function () {
        //發送消息
        $("#btnSub").click(function () {
            var msg = $("#id_msg").val();
            $.ajax({
                type: "POST",
                url: "/Home/btnSend_Click",
                data: {
                    "send_to": "127.0.0.1:42271",
                    "msg_send": msg
                },
                success: function (sesponseTest) {
                    alert(sesponseTest);
                    $("#id_send_state").val(sesponseTest);
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    $("#id_send_state").val(errorThrown);
                    alert("保存失敗：" + errorThrown);
                }
            });
        });

        //開始監控
        $("#btnBegin").click(function () {
            $.ajax({
                type: "POST",
                url: "/Home/btnBeginListen_Click",
                success: function (sesponseTest) {
                    alert(sesponseTest);
                    $("#begin_state").val(sesponseTest);
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    //$("#txt1").val(errorThrown);
                    alert("保存失敗：" + errorThrown);
                }
            });
        });



    });


</script>