Question

您好，我有一个用户注册表单，一旦用户在下一个浏览器选项卡中注册，我将获得注册用户详细信息，无需页面刷新，我从github项目获得代码并测试了哪个工作正常，我已经加载了jquery ，两个页面中的socket.js文件（数据发布，检索页面）正如他们所提到的那样，我仍然没有获得没有页面刷新的最新注册用户，所以请告诉我代码需要正确的地方。下面是我的代码

发布数据的代码（注册用户）

 $("#submit").click(function(event){
     event.preventDefault();


       var dataString = { 
              name : $("#name").val(),
              email : $("#wickets").val()

            };

        $.ajax({
            url: "<?= base_url('User/register') ?>",
            type: "POST",
            data: dataString,
            dataType: "json",
            cache : false,

            success: function (data) {


                if (data.success == true) {

                    var socket = io.connect( 'http://'+window.location.hostname +':3000' );

                    socket.emit('registered_users', {
                        name: data.name,
                        email: data.email


                    });

                }
            }, error: function (xhr, status, error) {
                alert(error);
            },
        });
    });

获取刚刚通过套接字注册的用户的姓名和电子邮件的代码

html div标签用于打印用户名和电子邮件

<div id="user_name"></div>

<div id="user_email"></div>

socket的

脚本

 var socket = io.connect( 'http://'+window.location.hostname+':3000' );


   socket.on( 'registered_users', function( data ) {

      $( "#user_name" ).prepend( data.name );
       $( "#user_email" ).prepend( data.email );

  });

如何使用Codeigniter和Websocket

0 个答案: