在Ajax不起作用的情况下，提交后数据和页面没有发生变化，可能有多种原因导致。以下是一些可能的解决方法，包含了代码示例：

1. 检查Ajax请求是否成功： 确保Ajax请求成功返回数据，并且没有发生错误。可以通过查看控制台输出或者使用浏览器的开发者工具来检查。

   $.ajax({
     url: "your-url",
     method: "POST",
     data: yourData,
     success: function(result) {
       console.log(result); // 检查返回的结果
       // 其他操作...
     },
     error: function(xhr, status, error) {
       console.log(error); // 检查错误信息
     }
   });
   

2. 检查返回的数据是否正确： 确保返回的数据是正确的，并且包含了需要更新页面的内容。可以在成功回调函数中进行相应的操作，例如更新页面元素的内容。

   $.ajax({
     url: "your-url",
     method: "POST",
     data: yourData,
     success: function(result) {
       if (result.success) {
         // 更新页面元素的内容
         $("#your-element").text(result.data);
       } else {
         console.log(result.error); // 检查返回的错误信息
       }
     },
     error: function(xhr, status, error) {
       console.log(error); // 检查错误信息
     }
   });
   

3. 检查服务器端代码是否正确处理了请求： 确保服务器端代码正确处理了Ajax请求，并且返回了正确的响应。可以在服务器端代码中打印相关信息来进行调试。

   // PHP示例
   $data = $_POST['data'];
   // 处理数据...
   if ($success) {
     $response = array("success" => true, "data" => $processedData);
   } else {
     $response = array("success" => false, "error" => "处理数据失败");
   }
   echo json_encode($response);
   

4. 检查页面更新的逻辑是否正确： 确保页面更新的逻辑正确实现，并且绑定了正确的事件处理程序。可以使用调试工具来检查事件是否被正确触发。

   // jQuery示例
   $("#your-button").click(function() {
     // 获取需要提交的数据
     var yourData = $("#your-input").val();
   
     // 发送Ajax请求
     $.ajax({
       url: "your-url",
       method: "POST",
       data: yourData,
       success: function(result) {
         if (result.success) {
           // 更新页面元素的内容
           $("#your-element").text(result.data);
         } else {
           console.log(result.error); // 检查返回的错误信息
         }
       },
       error: function(xhr, status, error) {
         console.log(error); // 检查错误信息
       }
     });
   });
   

以上是一些可能的解决方法，具体的解决方法还需要根据具体的情况进行调试和排查。