AJAX调用PHP从数据库构建和显示表

AJAX调用PHP从数据库构建和显示表,php,ajax,Php,Ajax,我正在学习使用mysqli和AJAX,并使用AJAX构建一个简单的应用程序,将数据插入数据库并在表中显示数据库中的数据。该表应在加载网页时显示当前信息,然后在使用HTML表单将记录添加到数据库时进行更新。我有几个问题 到目前为止,表单可以从我的主HTML文件中工作,只是它离开页面并打开addActorInfo.php,而不仅仅是刷新主页 当我在浏览器中打开getActorInfo.php文件时,表可以正常工作,但它没有被拉入主页 如有任何建议,将不胜感激 编辑信息:我解决了问题1,并更新了HTM

我正在学习使用mysqli和AJAX,并使用AJAX构建一个简单的应用程序,将数据插入数据库并在表中显示数据库中的数据。该表应在加载网页时显示当前信息,然后在使用HTML表单将记录添加到数据库时进行更新。我有几个问题

  • 到目前为止,表单可以从我的主HTML文件中工作,只是它离开页面并打开addActorInfo.php,而不仅仅是刷新主页
  • 当我在浏览器中打开getActorInfo.php文件时,表可以正常工作,但它没有被拉入主页
  • 如有任何建议,将不胜感激

    编辑信息:我解决了问题1,并更新了HTML代码以反映更改。目前,我相信我的drawTable()函数中有一个bug,它阻止了PHP GET文件生成的表返回到主页面。我尝试过使用语句“document.getElementById(“actor_display”).innerHTML=xmlhttp.responseText;”,但仍然没有显示出来

    主HTML

    为什么不在ajax上使用

    var data = $('#yourdatainsertionform');
    $.ajax({
      data:data,
      method:'POST', //Or get
      url:'yourphp.php',
      success:function(result){
        $('#actor_display').html(result);
      },
      error:function(){
        alert("Something went wrong");
    });
    
    通过使用jQuery,您的生活会变得更轻松。IE不再让人毛骨悚然,ajax请求和表单验证也变得如此简单。基本上,使用javascript可以做的事情是,使用jQuery可以更轻松地完成

    用法很简单,只需包含

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    
    
    

    在加载文件之前,您将在页面上使用jQuery。

    当您学习PHP MySQL连接时,您应该完全删除
    MySQL(i)
    ,然后使用mysqli即可。我遇到的问题是AJAX。我在表单中添加了一个事件处理程序,解决了网页离开主页的问题。但是,我尝试使用AJAX和JavaScript获取GET文件生成的表并将其放置在表单下方的尝试没有成功。您仍然应该删除mysqli。如果我能说PDO有一个优点,而mysqli没有准备语句,那么PDO就更好了