在JavaScript中执行PHP脚本

这是我的PHP页面：

<div class="whomfollow">
        <div class="umayknow">People you may know</div>
      <ul>
      <?php
            $result = $linkID1->query("select ud.UserID,ud.Name,ud.Company,ud.Designation,ud.UserType,up.ProfilePic from user_details ud join user_picture up on ud.UserID=up.UserID where ud.UserID!='$UserID' ORDER BY RAND() LIMIT 20")
            or
            die(mysqli_error());

            while($row = mysqli_fetch_array($result))
            {
                $UT1='';
                if($row['UserType']=='A')
                {
                    $UT1='Advertiser';
                }
                else if($row['UserType']=='P')
                {
                    $UT1='Publisher';
                }
        ?>
        <li class="postimage followimgconnections">
            <div class="pull-left"><a href="#"><?php echo "<img src=profile_pic/".$row['ProfilePic']." />"; ?></a></div>
            <div class="pull-left followboxcontent">
              <div><a href="#"><b><?php echo $row['Name']; ?></b></a></div>
              <div><a class="followsmall_content" href="#"><?php echo $UT1." - ".$row['Designation']." - ".$row['Company']; ?></a></div>
              <div class="followbtn"><button id="myBtn" onClick="connect(<?php echo $row[UserID]; ?>)">Connect</button></div>
            </div>
        </li>
        <?php
            }
        ?>
      </ul>
      </div>
      <div class="clear"></div>
    </div>
<div id="myModal" class="modal">
      <!-- Modal content -->
      <div class="modal-content">

        <p class="popupheading">Invitation Sent</p>
        <p class="popupcontent">Your invitation is on its way.</p>
        <div class="invidone"><a href="#" class="close">Done</a></div>
      </div>
    </div>

<script>
function connect(num) {
    var x = document.getElementById('myBtn');
    <?php
        $ID=num;
        $stts='IS';  //Invitation Sent
        $stmt = $linkID1->prepare("insert into user_connections set MyUserID=?, MyFriendsUserID=?, cstatus=?");
        $stmt->bind_param("sss", $UserID,$ID,$stts);
        $stmt->execute();
        $stmt->close();
    ?>
    modal.style.display = "block";
    }
</script>

你可能认识的人

谢谢大家，使用AJAX解决了这个问题

function connect(num) {
var x = document.getElementById('myBtn');

$.ajax({
type: "POST",
url: "request-connect.php?id="+num
})

modal.style.display = "block";
}

您需要使用AJAX。“现在，页面一加载，javascript中的php部分就会自动执行”。不，不是。浏览器无法执行PHP。PHP部分在服务器上执行，甚至在页面被发送到浏览器进行加载之前。PHP在服务器上运行。PHP的执行是创建浏览器接收的内容的过程的一部分，它的任何输出都作为静态内容包含在浏览器最终接收并呈现给用户的页面中。如果您想在页面的生命周期内执行PHP函数而不刷新，则需要ajax。所有PHP始终在服务器上运行，javascript在客户端上运行。您可以使用Ajax从javascript调用phprequest@panther.........can请帮我完成ajax脚本。这将是一个很大的帮助…ajax调用会向服务器发出另一个单独的HTTP请求，服务器会在ajax请求中指定的URL处执行特定的PHP脚本。从中生成的任何响应在完成后都会异步返回到浏览器，并且可以通过JavaScript回调进行查看和处理。你可以在谷歌上搜索很多关于如何使用ajax的例子——成百上千。学习一个教程，尝试将其应用到您自己的需求中，如果遇到特定问题，请回到这里。我们再发明一个轮子，再生产一个完全相同的操作方法，这是毫无意义的。。。。我的回答有什么区别/好处？）您只需通过GET查询传递参数ID，同时使用类型“POST”。
    $ID=$_POST['id'];
    $stts='IS';  //Invitation Sent
    $stmt = $linkID1->prepare("insert into user_connections set MyUserID=?, MyFriendsUserID=?, cstatus=?");
    $stmt->bind_param("sss", $UserID,$ID,$stts);
    $stmt->execute();
    $stmt->close();

function connect(num) {
var x = document.getElementById('myBtn');

$.ajax({
type: "POST",
url: "request-connect.php?id="+num
})

modal.style.display = "block";
}