使用jQuery AJAX加载php内容

我的问题：

我有index.html：

 Input: 
   

toload.php是这样的：

问题很简单。

当我按下Submit! 按钮，我想在index.html动态加载内容toload.php而无需刷新。

提前致谢！ 请评论任何需要的澄清。

---

编辑，一个更详细的解释：

我不确定我是否清楚（或者我可能不理解我缺乏技术技能的答案）所以我会再给它一次。 （改写）

我有一个带有提交按钮的HTML，它通过POST方法发送变量。

这个变量由PHP文件使用，在某个过程之后，它会插入并更新MySQL数据库，并回应其他一些东西。

这工作很精细。

但现在我想通过避免页面“重新加载”（转到.php）来改进它。

我希望HTHL作为我的HTML文件的输出在我的HTML页面中动态显示。

现在更清楚了吗？

Answer 1

用jQuery这样的东西！：

 
 Input: 
  
  

和function提交：

 function submitme(){ var tosend=document.getElementById("something").value; $.ajax({ type: 'POST', url: 'toload.php', data: 'something='+tosend, success: function(msg){ if(msg){ document.getElementById("something2").innerHTML=msg; } else{ return; } } }); } 

Answer 2

您必须使用AJAX（XMLHttpRequest） – http://www.w3schools.com/XML/xml_http.asp 。

（你简单地说 – 只要加载100KB的jQuery不仅仅是恕我直言，我建议使用纯JavaScript解决方案）

Answer 3

在您的情况下，您可以使用$.post() ^DOCS 。 如果你给你的表单一个id="myForm"那么你可以在回调中将返回数据加载到表单的父表中，如下所示：

 $('#myForm').submit(function(e){ e.preventDefault(); $.post("toload.php", $("#myForm").serialize(), function(data) { $(this).parent().html(data); }); });