当使用Ajax发送表单数据时，如果客户端页面刷新，可能是因为表单数据被正常提交，而不是通过Ajax发送。解决这个问题的方法是阻止表单默认提交动作，并使用Ajax发送数据。

下面是一个示例代码，演示如何使用jQuery阻止表单默认提交动作，并使用Ajax发送表单数据：

HTML代码：

JavaScript代码：

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    // 阻止表单默认提交动作
    event.preventDefault();

    // 获取表单数据
    var formData = $(this).serialize();

    // 使用Ajax发送表单数据
    $.ajax({
      url: 'your-url',
      type: 'POST',
      data: formData,
      success: function(response) {
        // 处理响应数据
        console.log(response);
      },
      error: function(xhr, status, error) {
        // 处理错误
        console.log(error);
      }
    });
  });
});

在上面的示例中，我们使用了event.preventDefault()方法来阻止表单默认提交动作。然后，使用serialize()方法获取表单数据，并使用Ajax发送数据到指定的URL。在成功和错误的回调函数中，可以根据需要处理响应数据或错误信息。

请注意，上述代码使用了jQuery库来简化Ajax操作。如果你不使用jQuery，可以使用原生JavaScript的XMLHttpRequest对象来发送Ajax请求。