javascript - 当按下提交按钮而不是页面刷新时重新加载php脚本

Question

我试图清理我的网站代码，并试图从MySQL查询中获取新数据时减少页面重载。

目前，我有一个表格，允许用户选择类别，然后使用action =“ currentpage.php”传递到同一页面，该类别由访问数据库并生成与模板匹配的文章模板的第二个html脚本拾取。条件。

不幸的是，就目前而言，整个页面重新加载，考虑到我只需要更改其2个脚本，这似乎很草率。

当检测到按下按钮时，如何运行运行查询更新的脚本？

我读过AJAX是必经之路，但我无法从所看到的示例中了解它。实际上没有数据离开页面，它只是循环而已。

我想我需要一个将结果分开显示的MySQL脚本并调用它，但是同样，我不确定如何调用整个脚本。

我对php很陌生，不确定我到底在寻找什么，因此尝试使用Google解决方案就像在黑暗中拍照。

我实际上在寻找什么来完成这项任务？并尽可能提供阅读方法的资料：D

谢谢

Answer 1

使用ajax，您可以将请求发送回服务器。使用jQuery，这真的很容易：
你做什么


用JavaScript制作页面
制作一个PHP脚本来获取您想要的数据
对您的PHP脚本进行JavaScript调用
将数据放回您的页面


PHP示例：

<?php echo json_encode(array("firstname"=>"mark","lastname"=>"smit"));?>

示例javascript：

    $("#button").click(function(){
    $.get( "test.php", function( data ) {
       $(".firstname").html(data.firstname);
       $(".lastname").html(data.lastname);
     }, "json" );
   });

您可以在此处查找有关get in jquery的更多文档：
http://api.jquery.com/jQuery.get/

您可以在此处找到有关json的更多信息：
http://www.php.net/manual/en/function.json-encode.php