繁体   English   中英

如何将jquery变量传递给php然后显示它

[英]how to pass a jquery variable to php and then display it

将Jquery变量传递给php时出现问题。

当我将变量id传递给B.php时,我收到此错误

"Notice: Undefined index: id1 in C:\xampp  \htdocs\PhpProject1\OtherUsableItems\B.php on line 2 

如何解决这个问题呢 ???? A.php

<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
  var id = 23; 
$("#submit").click(function(){
 $.post("B.php",
 {
     id1: id,

  } );      
   });
  });
 </script>
 </head>
 <body>
 <form action="B.php" method="post" >
 <input type="submit" id="submit" name="submit"/> 
 </form>
 </body>
 </html>

B.php

  <?php
   $a =$_POST['id1'];
   echo $a ;
   ?>

我希望id变量传递给B.php

试试这个:

<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
  var id = 23; 
$("#submit").click(function(){
 $.ajax(
    {
    url: "B.php",
    type: "POST",

    data: { id1: id},
    success: function (result) {
            alert('success');

    }
});     
   });
  });
 </script>
 </head>
 <body>
 <form  >
 <input type="button" id="submit" name="submit"/> 
 </form>
 </body>
 </html>

然后B.php

<?php
   $a =isset($_POST['id1'])?$_POST['id1']:'not yet';
   echo $a ;
   ?>

尝试将输入类型更改为按钮而不是提交<input type="button" id="submit" name="submit"/>

问题是你的表单被提交, $.post用于ajax sumit。 为此,您需要阻止表单提交。

<script>
     $(document).ready(function(){
        var id = 23; 
        $("#submit").click(function(){
           $.post("B.php",
           {
              id1: id,

           });  
           event.preventDefault() ;
        });    
    });
</script>

添加event.preventDefault(); 在你的按钮点击功能

$(document).ready(function(){
  var id = 23; 
  $("#submit").click(function(e){
     $.post("B.php", {id1: id} );     
     e.preventDefault();
   });
 });

试试上面的代码。 首先:JS不允许这样做: {id1: id,} (最后请参见逗号)。 这是PHP的一个特性。 实际上,你的JS代码根本不应该执行,因为这是一个语法错误(假设你会在浏览器的控制台中找到它)

另一个问题:您必须阻止默认提交表单。 e.preventDefault()需要e.preventDefault() 如果没有它,将启动ajax帖子,而不是通常的表单提交。 并且您的表单没有名称为id1的元素,假设第二个请求产生该错误消息。

编辑:这是通过常规提交发布值,因此浏览器被重定向到B.php

$(document).ready(function(){
      var id = 23; 
      $("#submit").click(function(){
              $(this).closest("form")
                     .append($("<input>", {"type":"hidden", "name":"id1", "value":id}));
       });
     });

试试这个:

<script>
$(document).ready(function(){
   var id = 23; 
   $("#submit").click(function(e){
     e.preventDefault();
     $.post("B.php", {id1: id}, function(data){ //<---get the data from B.php
        console.log(data);   //<--------show it here
        alert(data);
     });      
   });
  });
 </script>

由于您使用的是ajax功能,因此必须停止表单提交功能。 这里有一个尾随逗号{id1 : id,}这是IE浏览器中的一个问题,但最新的其他浏览器才能正常工作。

注意:

你发布了这个错误:

"Notice: Undefined index: id1 in C:\\xampp \\htdocs......

不要在文件系统中运行页面$.post()不会以这种方式运行。

而是尝试使用http://localhost/yourapplication/page.php

使用隐藏字段设置要发送的值。 由于您使用的是提交,因此您的整个表单都已提交。 隐藏字段也会发送,可以使用隐藏字段的名称直接访问。

php抛出了E_NOTICE,因为POST-Array的索引不存在。 您可以切换通知的error_reporting,请参阅http://www.php.net/manual/de/errorfunc.configuration.php#ini.error-reporting或检查索引是否存在:

if( isset($_POST['id1']) )  {
// do something
}

试试这段代码,

 <html>
 <head>
 <script src="jquery.js"></script>
 <script>
 $(document).ready(function(){
 var id = 23; 
 $("#submit").click(function(){
 $('#id1').val(id);
 });
 });
</script>
 </head>
 <body>
 <form action="B.php" method="post" >
 <input type="submit" id="submit" name="submit"/> 
 <input type="hidden" name="id1" id="id1" value=""/>
</form>
</body>
</html>

在这里你可以将'id'的值传递给B.php,并且将作为$ _POST ['id1']访问

或者你可以这样使用submit()

$(function(){
    var id = 23;
    $("#myform").submit(function() {
        $.post("B.php", { id1: id }).done(function(data) {
            alert( data );
        });
        return false; //true(post form data)
    });
});

形式

<form id="myform" method="post">
<input type="submit" id="submit" name="submit" />
</form>

编辑:哦,是的B.php isset check或error_reporting(0);

if(isset($_POST['id1'])){
    print_r( $_POST );
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM