Question

我想使用onClick将变量值传递给同一页面上的php

我已经在Google上搜索了几天，并尝试了所有示例，但没有任何帮助

<!doctype html>
<?php

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

?>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">

    </script>
</head>
<body>
<script type="text/javascript">
 function msg(){

      var name = "JR"; 

    $.ajax({
      type: 'POST',
      data:  {name : name},
      cache: false,
      async:false,
      success: function(data){
        $('#results').html(data);
      }
    })
 }
    msg(); 
</script>
<button type="button" onClick="msg();">Click Me!</button>
</body>
</html>

应将值传递给页面的php部分

Answer 1

在同一页面的ajax中添加网址。

如果在同一页面中，得到响应后，请使用die。否则，您将获得完整的HTML代码作为响应。它应该在页面顶部。

example.php文件将是这样。

  <?php
if(isset($_POST['name']))
{
    echo $YourName= $_POST['name'];
    die;
}
?>
<!-- now start html code -->
<!doctype html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
 function msg(){
    var name = "JR"; 
    $.ajax({
      type: 'POST',
      url:'example.php',  //Add the url of same page
      data:  {name : name},
      cache: false,
      async:false,
      success: function(data){
        $('#results').html(data);
      }
    })
 }


</script>
<div id="results"></div>
<button type="button" onClick="msg();">Click Me!</button>
</body>
</html>

将变量从ajax传递到php，但未传递

1 个答案: