在同一页面上调用ajax

时间:2015-11-25 00:31:39

标签: javascript php html ajax

我试图在没有点击事件的同一页面上调用ajax,我收到以下错误:

  

注意:未定义的索引:行上的index.php中的名称

它适用于click事件。我试图在没有任何事件的情况下这样做。我的目标是将JavaScript变量传递给PHP。

<script>
      $(document).ready(function(){
          alert('est123');
          $.ajax({
              type: 'POST',
              url: 'index.php',
              data: ({name:"test"}),
              cache: false,
              success: function(data){
                  $('#results').html(data);
              } 
          })
          return false;
      });
</script>

</head>
  <body>
      <a href='#' class="idname">click me!</a>
      <div id="results"></div>
      <div><?php echo $_POST['name'] ?></div>
  </body>
</html>

2 个答案:

答案 0 :(得分:0)

在输出之前检查它是否存在

if (isset($_POST['name'])) { echo $_POST['name'] }

但是我不认为这是你想要发生的事情,因为你将坚持返回页面的HTML文档。

答案 1 :(得分:0)

我认为这可能会对你有帮助。

<script>
      $(document).ready(function(){
          dataArray={name:"test"};
          $.ajax({
              type: 'POST',
              url: 'index.php',
              data: dataArray,
              cache: false,
              success: function(data){
                  $('#results').html(data);
                  $('#lblName').html(dataArray.name);
              } 
          })
          return false;
      });
</script>

</head>
  <body>
      <a href='#' class="idname">click me!</a>
      <div id="results"></div>
      <div id="lblName"></div>
  </body>
</html>