Ajax与Socket多线程通信

最新推荐文章于 2023-04-19 21:38:35 发布
VIP文章 最新推荐文章于 2023-04-19 21:38:35 发布
阅读量1.2k 收藏 1
点赞数 1
分类专栏： 多线程 前端学习 ajax socket
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42756361/article/details/95740286
版权

软件层面的网络通信底层均有Socket实现，这里尝试使用Ajax与Socket进行通讯。
出于简化，省略掉了IO流和Socket的关闭。

页面设计

在这里插入图片描述
页面设计了两个按钮，通过ajax以post方式向端口发送消息，消息内容分别为action A和action B，便于接收端区分。

<!DOCTYPE html>
<html>
<head>
    <title>Machi | Home</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="keywords" content="Machi">
    <script src="jq/jquery-3.3.1.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        function ASendByAjax() {
    
            $.ajax({
    
                url: 'http://localhost:10000/',
                type: 'post',
                data: {
    
                    "action": "A",
                },
                dataType: "json",
                success: function (info) {
    
                    console.log("A success:"+info) 
                },
                error: function
最低0.47元/天 解锁文章
兴趣使然的码基
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
PHP利用AJAX实现SOCKET通讯
04-19
PHP利用AJAX技术实现SOCKET通讯，并将返回结果显示在界面。
使用ajax传送数据(前后端传递数据 C#+MVC）
qq_71416673的博客
07-18 389
通过AJAX实现前后端数据交互
HTTP协议：socket处理ajax请求？
机器学习
07-23 3966
本文的主要内容是：使用socket（TCP连接）实现HTTP协议并充当服务端，对ajax的HTTP请求进行处理。
ajax能发送socket,Ajax与Socket.io
weixin_35143166的博客
08-05 369
慕森卡这里讨论了webSocket和Ajax之间的许多通用折衷：websocket vs rest API实时数据？此处讨论了移动设备的一些权衡问题：Cordova：套接字，PushNotifications还是反复轮询服务器？简而言之，如果您的数据主要是服务器驱动的，然后需要发送给客户端，并且您希望在客户端看到新数据时等待相当长的等待时间，那么这正是webSockets可以解决的确切问题。在这种...
亮剑.NET深入体验与实战精要3
04-02
4.10 进程与多线程的区别 190 4.11 创建多线程应用程序 191 4.12 WinForm开发常见问题 194 4.12.1 如何设置运行时窗体的起始位置 194 4.12.2 如何使一个窗体在屏幕的最顶端 194 4.12.3 实现窗体渐显效果 194 4.12.4 ...
亮剑.NET深入体验与实战精要2
04-02
4.10 进程与多线程的区别 190 4.11 创建多线程应用程序 191 4.12 WinForm开发常见问题 194 4.12.1 如何设置运行时窗体的起始位置 194 4.12.2 如何使一个窗体在屏幕的最顶端 194 4.12.3 实现窗体渐显效果 194 4.12.4 ...
最新Python3.5零基础+高级+完整项目（28周全）培训视频学习资料
06-13
Socket通信案例消息发送与接收 第8周 上节回顾 Socket实现简单的ssh客户端 Socket实现简单的ssh服务端 积极思考正能量 Socket实现简单的ssh2 Socket粘包 Socket粘包深入编码 SocketServer SocketServer多并发 多...
JAVA上百实例源码以及开源项目
01-03
　Java局域网通信——飞鸽传书源代码，大家都知道VB版、VC版还有Delphi版的飞鸽传书软件，但是Java版的确实不多，因此这个Java文件传输实例不可错过，Java网络编程技能的提升很有帮助。 Java聊天程序，包括服务端和...
智能发票识别系统后台.zip
03-10
算法端用C++编写，java后端通过多线程+socket+TCP与算法端通讯，利用对象锁完成线程调度 利用redis实现缓冲队列以及模板操作调度队列 利用spring-websocket与前端进行全双工通信 使用shiro作为安全管理框架，通过其...
Ajax是单线程还是多线程
Reiter的博客
07-08 3429
首先明确一点：Ajax是单线程的，因为JavaScript是单线程的，Ajax属于JavaScript范畴，因此Ajax是单线程的。之所以我们可以利用Ajax做到多线程，这取决于Web服务器，服务端使用多线程处理请求。 然后再明确一点：浏览器是多进程的。如图，google浏览器每打开一个tab标签页就会有一个子进程。 因为JS运行在浏览器中，是单线程的，每个wind...
简单的ajax聊天网页 socket
kerson的专栏
11-10 926
<br />简单的ajax聊天网页<br />  <br />下载源代码<br />〖 作者：良葛格 〗〖 大小：3k 〗〖 发布日期：2007-06-28 〗〖 浏览：2 〗<br />                                                                                    <br />    网页聊天的基本原理很简单，在使用者发送信息给服务器端时，同时取回新的聊天信息，在使用者沒有发送信息时，同时查询服务端是否有新的信息，並显
Socket ，WebSocket Ajax　之间的关系与区别
weixin_33909059的博客
06-05 288
最近参与了一个 局域网聊天的项目。用到了 WebSocket。这里简单介绍一下。 Socket与 WebSocket 简单说 Socket 与WebSocket 之间的关系 就和 Java 与Javascript关系一样。没关系。 Socket 是 TCP/IP 协议中 传输层与应用层的传输数据用的编程接口。 WebSocket 是 基于HMTL5中浏览器 与 ...
ajax socketio,socket.io使用入门
weixin_36187176的博客
08-05 252
Socket.IO是一个库，基于 Node.js 的实时应用程序框架。可以在浏览器和服务器之间实现实时，双向和基于事件的通信。1.2、 socket.io有什么特点易用性：socket.io封装了服务端和客户端，使用起来非常简单方便。跨平台：socket.io支持跨平台，这就意味着你有了更多的选择，可以在自己喜欢的平台下开发实时应用。自适应：它会自动根据浏览器从WebSocket、AJAX长轮询、...
web soket与ajax的区别
qq_53818683的博客
04-19 130
WebSocket是一种双向通信协议，使用HTTP协议进行握手后，在建立的TCP连接上进行数据传输。相对于Ajax轮询方式不停地向服务器发送请求，WebSocket连接只需要建立一次，可以通过向服务器发送消息来实现实时通信，同时也可以接收服务器主动推送的消息。Ajax单向通信，客户端只能通过向服务器发送请求来获取数据，不能像WebSocket一样主动向服务器发送消息。WebSocket与Ajax都是用于在Web浏览器和服务器之间进行实时通信的技术，但它们在工作原理和使用场景上有所不同。
http协议AJAX技术和socket.io以及socket.io的子集WebSocket
baidu_19552787的博客
03-18 168
ajax 技术： ①浏览器主动发消息给服务器 ②非实时数据交互（异步局部） //创建一个ajax对象（想打电话，首先得有电话这个对象） var XHR = null; if (window.XMLHttpRequest) { // 非IE内核 XHR = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE内核,早期IE的版本写法不同 XHR = new ActiveXObject(
C语言Socket动态ajax网页,实现无缝兼容ajax/websocket网页应用和服务
weixin_39861624的博客
05-24 234
为了让用户体验更好，页面前端往往是通过ajax来进行数据处理；由于浏览器的设计原因每个域名下的连接有限，这样导致了同时进行ajax数据请求效率无法得到有效地提升，为了提高效率和传统HTTP协议上的限制，因此websocket的应运而生。由于websocket是后期提供的升级协议，所以现有很多WEB服务逻辑无法同时兼容两种协议处理；导致了页面前端就无法更有效地利用websocket优势，更多的是在这...
ajax VS websocket总结
热门推荐
QiuHuanmin的博客
02-22 1万+
由于在实际项目中，前后端非实时数据交互使用Ajax，实时数据交互使用WebSocket。在此做一下总结。
js调用websocket接口示例代码
huiyunfei的博客
11-14 1万+
&lt;script src="https://code.jquery.com/jquery-3.1.1.min.js"&gt;&lt;/script&gt; &lt;script&gt; // 初始化一个 WebSocket 对象 var ws = new WebSocket("ws:/xxxxx/websocket?serialNo=xxx&amp;key=xx); // 建立 websoc...
jquery如何开多线程处理ajax
最新发布
03-07
jQuery本身并不支持多线程处理Ajax请求。JavaScript是单线程的，意味着它一次只能执行一个任务。然而，你可以使用jQuery的异步请求功能来实现并发处理多个Ajax请求。 jQuery提供了`$.ajax()`方法来发送异步请求。你可以通过设置`async`参数为`false`来实现同步请求，但这会导致浏览器在请求完成之前被阻塞，影响用户体验。因此，通常建议使用异步请求。 以下是一个使用jQuery进行异步请求的示例： ```javascript $.ajax({ url: 'example.com/api', method: 'GET', async: true, success: function(response) { // 请求成功的回调函数 console.log(response); }, error: function(xhr, status, error) { // 请求失败的回调函数 console.log(error); } }); ``` 如果你需要处理多个Ajax请求，可以使用jQuery的`$.when()`和`$.then()`方法来实现并发处理。`$.when()`方法接受多个Deferred对象作为参数，并返回一个新的Deferred对象，该对象在所有给定的Deferred对象都解决（即成功）时解决。然后，你可以使用`$.then()`方法来处理所有请求成功后的回调。 以下是一个处理多个Ajax请求的示例： ```javascript var request1 = $.ajax({ url: 'example.com/api1', method: 'GET' }); var request2 = $.ajax({ url: 'example.com/api2', method: 'GET' }); $.when(request1, request2).then(function(response1, response2) { // 处理请求1和请求2的响应 console.log(response1); console.log(response2); }); ``` 请注意，以上示例中的请求是并发发送的，但是在`$.then()`方法中处理响应时，你可以根据需要进行进一步的处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值