[HTML5]HTML通过ajax调用PHP函数

原创于 2021-07-16 11:28:31 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

HTML 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何使用PHP进行TCP通信，通过创建一个名为phpsocket.php的文件来建立socket连接，并从HTML页面通过AJAX发送数据。示例中展示了如何打开和关闭连接，并提供了index.html中的JavaScript代码片段，用于触发数据发送。

本篇文章主要是使用PHP的TCP功能。Php的Socket拓展开启方法具体可以参考其他人博客，这里不再说明。

1.phpsocket.php（单个php格式文件，内容如下）

<?php 
    function SendData2Server($Ip,$Port,$Data)
    {
          set_time_limit(0);
          $socket = socket_create(AF_INET, SOCK_STREAM, SOL_TCP);
           if ($socket < 0) 
           {
           	 return;
           }
          $result = socket_connect($socket, $Ip, $Port);
          if($result==false)
          {
           	  socket_close($socket);
           	  return;
          }
          socket_write($socket, $Data, strlen($Data));
          sleep(0.1);
          socket_close($socket);
    }
    $Ip='127.0.0.1'; 
    $Port=9000; 
    $Data=$_GET['Data'];//html传递参数过来   
    SendData2Server($Ip,$Port,$Data);  
?>

2.index.html--Script(网页静态文件的其中一个Script)

<script type="text/javascript">
        <!--按钮的代码 给按钮添加 onclick 执行函数 -->
		function Open(obj) 
		{
		    var $td = $(obj).parents('tr').children('td');
		    var id = $td.eq(2).text();
            <!--前面两行无用，主要是获取text，你可以给id谁便赋值，使用get方法提交数据 --> 
		    var php='php/phpsocket.php?Data=Open['+id+']';
		    $.ajax({url:php});
		    console.log(id);
	    }
	    function Close()
	    {
	    	
		    var id ='222222';
            <!--前面两行无用，主要是获取text，你可以给id谁便赋值，使用get方法提交数据 -->
		    var php='php/phpsocket.php?Data=Close['+id+']';
		    $.ajax({url:php});
	    }
</script>