如何在ajax调用中返回动态html中绑定函数

在ajax调用中返回动态HTML并绑定函数，可以通过以下步骤实现：

创建一个服务器端脚本，例如PHP、Node.js等，用于处理ajax请求并返回动态HTML。
在客户端的JavaScript代码中，使用ajax方法发送请求到服务器端脚本。
在服务器端脚本中，根据请求参数或其他逻辑生成动态HTML内容，并将其作为响应返回给客户端。
在ajax的回调函数中，将返回的动态HTML插入到页面的指定元素中。
在插入动态HTML后，可以使用jQuery的on方法或原生JavaScript的addEventListener方法等，为动态插入的元素绑定相应的事件处理函数。

下面是一个示例代码：

服务器端脚本（PHP）：

<?php
// 处理ajax请求并返回动态HTML
$html = '<button id="myButton">点击我</button>';
echo $html;
?>

客户端代码（JavaScript）：

$.ajax({
  url: 'server.php', // 服务器端脚本的URL
  method: 'GET', // 请求方法
  success: function(response) {
    // 在回调函数中处理服务器端返回的动态HTML
    $('#myDiv').html(response);
    
    // 绑定事件处理函数
    $('#myButton').on('click', function() {
      // 点击按钮时执行的操作
      alert('按钮被点击了！');
    });
  }
});

HTML页面：

<div id="myDiv"></div>

在上述示例中，服务器端脚本（server.php）接收ajax请求并返回一个包含按钮的动态HTML。客户端的JavaScript代码使用ajax方法发送请求，并在成功回调函数中将返回的HTML插入到页面的指定元素（id为"myDiv"的div）中。然后，通过为动态插入的按钮（id为"myButton"）绑定点击事件处理函数，实现了在ajax调用中返回动态HTML并绑定函数的功能。

请注意，示例中使用了jQuery库来简化ajax请求和DOM操作，如果您不使用jQuery，可以使用原生的XMLHttpRequest对象来发送ajax请求，并使用原生的DOM操作方法来插入HTML和绑定事件处理函数。