javascript - jquery 将 post 值发送到另一个页面并在当前页面加载。显示更多，显示更多按钮

Question

如果我让大家感到困惑，我很抱歉。下面的 jquery 代码假设将网页加载到当前网页中，例如当您点击加载更多/显示更多结果时。我试图加载到当前页面的页面是littlebitego3.php。我可以将输入值从当前页面发送到littlebitego3.php并加载littlebitego3.php，但是该页面在当前页面中加载，而littlebitego3.php页面没有接收输入值，尽管在jquery代码创建的弹出窗口中我可以看到带有该值的littlebitego3.php页面，但它加载了一个空白页面，因为加载中的值不知何故没有更新。所以我的问题是我应该把代码放在哪里 $("#div1").load("littlebitego3.php"); 因为到目前为止它放错了地方并且不在正确的位置。我需要使用加载代码配置后置代码，但不知道该怎么做。

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4   /jquery.min.js"></script>
   <script>
       $(document).ready(function(){
           $("button").click(function(){
               $("#div1").load("littlebitego3.php");
               $.post("littlebitego3.php",     
                  {
                    name:  $("#test").val(),
                    city: "Duckburg"
                  },
                  function(data,status){
                     alert("Data: " + data + "\nStatus: " + status);
                  }  
               );
          });
     });
 </script>


 <div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

 <button>Get External Content</button>

 <p>Name: <input type="text" id="test" value="3"></p>

 <button>Show Value</button>

这是页面littlebitgo3.php的代码

 $name2 = $_POST['name'];
 echo  $name2;
 }

 ?>

更新代码，可在下面运行

   <script>
   $(document).ready(function(){
    $("button").click(function(){
    $("#div1").load("littlebitego3.php",{
  name:  $("#test").val(),
  city: "Duckburg"
    });


    });
  });
 </script>

Answer 1

按照 Jeff 的说法，我建议您修改 littlebitego3.php 以响应不同的请求

• .load 发出 GET 请求
• $.post 发出 POST 请求

您可以使用 $_SERVER['REQUEST_METHOD'] 了解是否使用了 GET 或 POST 并做出相应响应。

GET 应使用 HTML 进行响应 POST 应该响应更新 View 所需的任何数据