Javascript 如何在PHP和Jquery的帮助下使用chrome扩展与数据库交互？

我想使用chrome扩展对数据库进行更改。我曾尝试使用AJAX将带有查询的PHP页面链接到popup.html页面，但仍然不起作用。 该页面在单独使用时运行良好，但不是作为chrome扩展。我犯了什么错误

这是我正在使用的myScript.js文件：

    $("document").ready(function(){

    $("#save").click(function(){
   alert("Clicked");
  var jxhr= $.ajax("save.php");
//doSomething();
jxhr.done(function(){alert("Complete");});

});


$("#shareu").click(function(){
//  alert("shared");

  $.ajax({
  url: "share_with_user.php"});


});



$("#shareg").click(function(){
//  alert("showing Groups");

  $.ajax({
  url: "edit_page.php"});


});



$("#show").click(function(){
//  alert("showing Links");

  $.ajax({
  url: "display.php"});


});

});

这是我用来更新数据库的php文件

<?php


  if (empty($errors)) {

    // Perform Update


    $query="INSERT INTO LINKS (USER_ID, LINK) VALUES (";
    // $query.=$_SESSION['userID'];
    $query.="2 ,";
    $query.="'WWW.GOOGLE.COM' ";
    $query.=");";

    $result = mysqli_query($connection, $query);

    if ($result && mysqli_affected_rows($connection) == 1) {
      // Success
      echo "Awesome";
      $_SESSION["message"] = "Page updated.";

    } else {
      // Failure
      $_SESSION["message"] = "Page update failed.";
    }

  }

?>

<?php include("header.php"); ?>
<div>
  Display Page
</div>

<?php include("footer.php"); ?>

---

您正在发出相对于扩展源的ajax请求。您需要显式设置服务器的URL

$.ajax({url: "share_with_user.ph"});

应该是这样的：

$.ajax({url: "https://exapmle.com/share_with_user.php"});

---

如果这在页面中起作用，那么PHP端就无关紧要了；我想它可以被移除。第一步：尝试按照描述调试扩展。通过在页面中工作，我的意思是能够通过jquery使用php文件，并给出正确的输出。但是通过扩展，按钮的动作不会被执行。弹出窗口的开发控制台会说什么？什么也没有。它不会显示任何错误。包括清单和弹出窗口的html文件。

$.ajax({url: "share_with_user.ph"});

$.ajax({url: "https://exapmle.com/share_with_user.php"});